Version 2.0 WH Internet Released

That's right. It's been a long time coming but in the early hours of this morning the testing and validating of the new version of the WH Internet Ltd website was completed and the site was released for the general public:

http://www.whinternet.co.uk

Have a browse round and let me know what you think.

New Portfolio Website

My new portfolio website has been released just in the nick of time to see the end of 2007. URL below:

http://www.waynehunt.whinternet.co.uk

Setting a resizable height

Within your CSS for a wrapper divide instead of using the following syntax:

height: 800px;

Use the following:

overflow: auto;

This will allow the page to resize automatically when text is added. You can add also add in a height which will act as a minimum however you need to create an IE6 hack which reads the height as min-height.

For more info in IE6 hacks read this blog entry

The 20 Golden Rules of Great Design

An interesting, well thought out article on important points to consider when attempting to design by Muan Thang. Well worth a read:

http://www.sitepoint.com/article/golden-rules-great-design

Creating a page curl in Photoshop

Tutorial for creating a page turning over effect on your pictures:

http://veerle.duoh.com/blog/comments/creating_a_page_curl_in_photoshop/

Webmaster Essentials Checklist

Really useful page with lists a lot of handy links for checking your site through validation (both CSS and HTML) and also cross browser compatibility.

http://www.prelovac.com/vladimir/webmaster-essentials-checklist

One of the best links on there was the one to Clean CSS, which I have added to the quick links to the right and is also below:

http://www.cleancss.com/

First Child pseudo-class

A useful tool to add to your CSS code. By using the :first-child statement you can affect the first element contained within another.

As a working example I used thit to create a menu where I wanted border-right: 1px solid #FFFFFF; but also wanted a left border on the opening menu item only. By using the first:child statement you can affect only the opening element. The code works like this:

#navMenu li:first-child {
border-left: 1px solid #FFFFFF;
}

Simply apply this after the exising style for #navMenu li and you have the required result.

Full details on this pseudo-class and other tips can be found at:
http://meyerweb.com/eric/articles/webrev/200007b.html