The example is for a form field titled “First Name” and what the extra code will do is add in the label to the field and once the user clicks on the field it will be removed so they can fill it in and if they don’t add anything it will revert back to the label.

<input id="first_name" type="text" onblur="if(this.value == '') { this.value = 'First Name'; }"
onfocus="if(this.value == 'First Name') { this.value=''; }" value="First Name" name="first_name">

-webkit-appearance:none;

First of you will need to make a .htaccess file that will detect if the user has the correct page url and if not will redirect them to your own 404 Error page.

All you need to do is open a text editor and paste the following code into it:

ErrorDocument 404 /404.html

Now the last part (404.html) can be anything you want as this will be the name of your 404 Error page.

Now when saving as a .htaccess has no extension just save it as a .html file and upload it to your hosting and then once there just change the file extension of the file to be .htaccess. And thats it really other than making your own 404 Error page that is.

I have made one you can download over on Amazium.co.uk if you cant be bothered to make your own.

Now these days when i’m building a website that needs a date in the footer i use a simple bit of PHP code which means you will never need to update it.

<?php echo date("Y"); ?>

And that is all the code you need to print the current year.

So what is Amazium I hear you ask, well you may have been hearing the term “Responsive Web Design” being thrown around the past few months, which simple means a website that can adjust to your screen size without having to make a separate website!

This came about from the simple fact that a lot of people have been making demos of this responsive web design but none seem to be using 960 grid system with 12 columns, and because of this I was forced to make my own..!

Go check it out

So the old way was to add in the clear:both class to a div below the floated divs

<div class="clear:both"></div>

But this new method doesnt need this as all you have to do is wrap your floated divs in another div like below.

.container {
	overflow: hidden;
	width: 100%;
}

.left {
	width: 50%;
	float: left;
	background-color:#333;
}

.right {
	width: 50%;
	float: right;
	background-color:#666;
}

So you would have your code like follows:

<div class="container">
	<div class="left">Text here...</div>
	<div class="right">Text here...</div>
</div>

And there you go no more clearing your div and having that little bit of padding at the bottom of it..!

ie - ©Copyright Company 2010

If your web pages are made with php – there is nothing stopping you using a bit of php to update the year dynamically.

©Copyright Company <?php echo date("Y"); ?>

So simple I’m annoyed I missed this for so long.

The url for the site is: www.web-inception.tumblr.com

Hope you find the site helpful..!

<a href=”#” style=”text-decoration:none;” onmouseover=”this.style.textDecoration =’underline’;”
onmouseout=”this.style.textDecoration=’none’;”>Your Link</a>

Simply make your body font size 62.5% like the example below:

body {
	font-size: 62.5%;
}

And now by magic this means that if you had a font size of say 1em that now works out to be the same size as 10px, which means 1.2em is the same as 12px and 2.0em is 20px.