Yahoo! Meme use jquery as their library – serious!

September 2, 2009 Saj 1 comment

hehe being me I have to check the view source of any website I come across. And I just noticed Yahoo! meme homepage loads jquery and use that as the basic js library. Whatever happened to YUI 3.1 Beta ? If you guys don’t use it how do you expect us to recommend YUI 3.1 for our new projects.

create a digg facebook like frame to display external content

August 28, 2009 Saj 1 comment

You might have noticed the stylish iframes used by digg or facebook that display external content. There are plenty of argument about how bad is the iframe for the web , I believe its okay to use iframe if you wanted to share some interesting content for your visitors and keep them inside your site. Here is the simplest, optimised html and css to create a digg like frame to show external content inside your website. Enjoy.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
body {
	overflow: hidden;
}

body, iframe {
	margin: 0 auto;
	padding: 0;
}

#frameHeader {
	background: #ccc;
	height: 30px; /* change this to increase the bar height */
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 999;
}

#content {
	padding: 5px;
}

iframe {
	margin-top: 30px;  /* change this to increase the bar height */
	width: 100%;
	height: 101%; /* just to make sure that iframe takes the full content, you can reset this to 100%  */
}

</style>
</head>
<body>
<div id="frameHeader">
	YOUR SPACE TO ADD STUFFS
</div>
<iframe src="http://www.ajaxination.com"></iframe>
</body>
</html>

*Update* – 30/Aug/2009
I am glad to know that folks at broadbandproviders.co.uk implimented this code in their broadband news section.

XHTML strict mode and table height

August 26, 2009 Saj Leave a comment

I wanted to vertically align something central to the screen. To avoid all the unwanted positioning and looping using DIV tags I decided to try it with a table. My Doctype was XHTML strict mode.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>your page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
	<table width="100%" border="0" style="height: 100%;">
	<tr>
		<td>HELLO</td>
	</tr>
	</table>
</body>
</html>

It turned out that, in XHTML strict mode, you can’t really have 100% table height like the transitional.
Take a look at the allowed attributes for table and valid attributes for td on the XHTML website[http://www.xhtml.com] . Height is not a valid attribute. I would like to know the reason behind removal of height from the table attribute compared to the ‘bad practices’ from HTML 4 standard mode.

Standards are good, provided it meet their purpose. People like me who take extra pain to validate their html every day, we respect standards. But in this case it definitely a broken standard for me.

And oh, the DIV lovers will come and tell me I can do a vertical align to the center of screen ‘easily’ using DIV tag. Yeah right! Again is there a standard way of doing vertical align using a single div tag? I would love to see that :)

Anyway this is how I made it work finally. So here is the code to align a div block center to the screen both horizontal and vertical. And yeah, this one works on FF and even on IE6;) [see my IE 6.0 support pledge]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>your page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
body{
	margin: 0 auto;
}

#verticalWrapper {
	display: block;
	height: 1px;
	left: 0px;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
}

#verticalContainer {
	height: 140px;
	left: 50%;
	margin-left: -76px;
	position: absolute;
	top: -10px;
	width: 150px;
}
</style>
</head>
<body>
	<div id="verticalWrapper">
		<div id="verticalContainer">
			CENTER
		</div>
	</div>
</body>
</html>

stop crying, we have to support IE 6.0

August 18, 2009 Saj 1 comment

I am tired of seeing numerous post about not supporting IE 6.0 anymore.

If you look at the sentiments from the web developer community most of them are tired of writing hacks for IE 6.0 specific. For a change I dont consider IE 6.0 as enemy of the web developer. I think its the bad development practice of developer that create issues.

For example, when you know IE 6.0 have issues like box model you still tend to avoid doctype or excessive usage of padding on your div tags. How many of us actually take the pain to validate our css and HTML for each single page we develop on a daily basis.

Why IE 6.0 is still valid and important?
If you install a fresh windows xp even today, by default the browser version is IE 6.0. Even today, there are plenty of customers who are on windows xp and stick with whatever gets shipped in the package. IE 6.0 user base is fading but still its a very large user base to ignore completely.

My Two cents
Stop crying. Seriously. If your page is having cross browser issues, 70% of the time your HTML/CSS is not cross browser friendly.
Upgrade yourself to FF 3.5 or new chrome but don’t expect your users to do that. Upgrade your knowledge and try to develop solid css and html to fight against cross browser issue.

Resources
I should show you some way to get there also right?
6 Steps to Create a Cross-Browser Friendly Web Page

Writing Cross Browser Friendly CSS (Mozilla vs. IE)

new way to discover broadband providers in uk

August 11, 2009 Saj 3 comments

If you live in the United Kingdom and wanted to find out all the broadband providers in your area, check out broadbandproviders.co.uk – a comprehensive guide to all things broadband in the UK. By entering your postcode, you can check broadband availability in your area, compare broadband providers , and purchase the most suitable package according to your need. The site have some interesting broadband news feeds from in and around UK websites.

Startup Lesson: The Washerman, Dog and Donkey

August 10, 2009 Saj Leave a comment

I normally dont post stuffs like this . But this one was too good to miss. Enjoy.

Good story with old version…

There was once a washer man who had a donkey and a dog.

One night when the whole world was sleeping, a thief broke into the house, the washer man was fast asleep but the donkey and the dog were awake.

The dog decided not to bark since the master did not take good care of him and wanted to teach him a lesson.

The donkey got worried and said to the dog that if he doesn’t bark, the donkey will have to do something himself. The dog did not change his mind and the donkey started braying loudly.

Hearing the donkey bray, the thief ran away, the master woke up and started beating the donkey for braying in the middle of the night for no reason.

Moral of the story ” One must not engage in duties other than his own”
..
..
..
..
..
..
..
..
..
..
..
..
Now take a new look at the same story…

The washer man was a well educated man from a premier management institute.

He had the fundas of looking at the bigger picture and thinking out of the box. He was convinced that there must be some reason for the donkey to bray in the night.

He walked outside a little and did some fact finding, applied a bottom up approach, figured out from the ground realities that there was a thief who broke in and the donkey only wanted to alert him about it.

Looking at the donkey’s extra initiative and going beyond the call of the duty, he rewarded him with lot of hay and other perks and became his favorite pet.

The dog’s life didn’t change much, except that now the donkey was more motivated in doing the dogs duties as well. In the annual appraisal the dog managed a ” meets requirement” Soon the dog realized that the donkey is taking care of his duties and he can enjoy his life sleeping and lazing around.

The donkey was rated as “star performer”. The donkey had to live up to his already high performance standards. Soon he was over burdened with work and always under pressure and now is looking for a job rotation…

If you have worked in a startup or corporate environment, I am sure you have guessed the characters of the new story.

Phoenix Career Solutions brings in opportunities for Indian Nurses in Britain

August 5, 2009 Saj Comments off

Kottayam, Kerala, India: Phoenix Career Solutions Private Limited, the 1996 established Government of India approved International Recruitment Company providing recruitment solutions to the Healthcare Sector of the United Kingdom, has successfully placed 100 staff nurses in UK last academic year. This has been one of the major initiatives of the company in the recent past through which the nurses have been provided an excellent opportunity to study Care Management Courses in UK while working part time as Senior Carers in the Care Sector.

These courses help the nurses to achieve highly sought after international qualifications in Care whilst getting ample opportunity to whet their skills in English language and network with medical professionals from various other international communities within the work places. This also provides them with chances of improving their scores in international English Language tests like IELTS, which form one of the essential eligibility criteria for registration with the Nursing Councils of various English speaking countries. Subsequently these qualified nurses become eligible to seek employment in such countries as registred medical nurses.

These courses have been designed and developed by Edexel, one of the most reputed awarding bodies in UK providing internationally recognized BTEC National awards in Health and Social Care. The three year dual diploma awarded by Edexel aims at making the participants efficient care givers and managers in any given professional care setting.

This rare achievement of Phoenix Career Solutions is the result of the meritorious efforts of the expert educational consultants employed by Phoenix and the world class facilities provided by Wave Training Ltd, Birmingham, one of the most reputed and largest Care Training establishments in UK.

t20 world cup schedule announced

May 29, 2009 Saj Leave a comment

The ICC Twenty20 World Cup in England, will begin on June 5, 2009 and will end on June 21, 2009. Last years champion India, looks strong with all the start players just played in the IPL T20 and gained lots of experience.

You can check out the whole news here

Also, bookmark cricket.ekerala.net to enjoy live score with ball by ball update of this ICC Twenty20 World Cup and to chat with millions of cricket fans from all over world.

Live india election results on ekerala

May 16, 2009 Saj 1 comment

Ekerala.net track all the election details in one place. Just vist the url mentioned below to track your constituency or favorite candidates election result.

Visit here india election 2009 results for live results.

kcet 2009 answer key – karnataka cet 2009 solutions

May 8, 2009 Saj Leave a comment

cet 2009 answer key and solutions are now available on minglebox. Visit this link to download the solutions and answer keys for free of cost.

karnataka cet 2009 solutions