I have recently been working on building up a template collection as a base from which I can develop any site.  I have finished off the Liquid layout templates and have decided to include them on my site under the tab layout at the top of the page.
Have a look for yourself at HTML/CSS Liquid [...]

Continue reading " HTML/CSS Liquid Layout Templates "

This is not something that is required in day to day development, but nether the less is definitely handy to know.
Due to the nature of embedded flash it does not seem possible to “mask” it using an overflow hidden on a containing DIV. This however is not the case.
By simply adding the following parameters [...]

Continue reading " Masking a Flash Movie in HTML using a DIV "

When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.

Now for this solution I decided to use mootools due to the smoothness of their effects, however, this could just as easily be developed in script.aculo.us or [...]

Continue reading " Sexy sliding JavaScript side bar menu using mootools "

Having adopted many different techniques for creating accessible html web forms I decided it was about time I standardised my approach to save time and effort.
The initial focus was on how to structure the form. Did I use DIVs or unordered lists or possibly definition lists? Well after much deliberating I [...]

Continue reading " Accessible HTML Forms using Definition Lists "

Having read Oli Warners post on ThePCSpy.com about a CSS Table of Contents I decided to knock up a quick demo myself with some fairly good results.

the code
The CSS for this is fairlty simple and is as follows:
#document ol{
    margin:0px 0px 0px 25px;
    padding:0px 0px 9px 0px;    
}
#document ol ol{
    margin:0px 0px 0px [...]

Continue reading " CSS Table of Contents using Ordered Lists "