CSS Fixed Layouts Starter Kit
I’m sure by now, everyone has heard about the benefits of separating content (HTML) from the presentational aspect (CSS) of their code and I’ve recently started to put a library of templates together which can be used as a starting point for a variety of CSS designs.
Within this first release, I’ll be using just a [...]
CSS Hover Icon Menu Using CSS Sprites
Swapping icons on hover is traditionally done using JavaScript but this method requires a lot of unnecessary code and a number of different icons in order to achieve what should be really simple.
However, there is a solution and this tutorial will explain how to apply different hover over icons to an unordered list using CSS [...]
Internet Explorer 8 Beta Available
It was only a couple of days ago that I posted the news that Microsoft had decided to backtrack on their initial proposal of using the IE7 engine as their default rendering engine and instead IE8 would be using Standards mode by default. However, Microsoft have had a busy week and have actually released IE8 [...]
IE8 to use Standards mode by default
Much uproar was caused a few weeks ago when Microsoft announced that IE8 would use the IE7 rendering engine by default, however it seems as though they’re back tracking on that decision and IE8 will now render as IE8 without the need for any trigger.
Creating FAQs Using a Definition List
With a lot of web developers finally becoming conscious of using the correct semantic elements for marking up their HTML document, I’m often asked how frequently asked question (FAQ) pages should be marked up. Within this tutorial, I’ll explain how I deal with FAQ pages and provide you with a couple of options that I’ve [...]
CSS Margin Collapse
Margin and padding are extremely important when it comes to CSS designs but margins collapsing between elements positioned vertically to each other can often cause some confusion.
However, within this tutorial, I’ll quickly explain how it works and how to use collapsing margins effectively.
CSS Reset
There’s plenty of different reset methods already available and I’ve been using Eric Meyer’s method for some time now but have started to realize that in most projects, I only use a fraction of the styles specified and much more often find myself rewriting a whole different set of styles that I use in all [...]
CSS Font Shorthand
CSS Stylesheets can sometime became large and unmanageable especially on large projects so it’s important to use shorthand wherever possible to keep your CSS simple, easy to understand and to keep the file size down to a minimal.
This quick tip will demonstrate how CSS shorthand for fonts can be applied to limit the amount of [...]
MouseOver Images Using CSS Sprites
It amazes me how many developers still resort to JavaScript to create a mouseover image effect especially when you consider that CSS can take care of this so easily. Within this tutorial, I’ll show how this can be achieved using a simple example with nothing more than CSS and a single image.
Zavvi.co.uk – Payment Process made difficult
It all started on Saturday afternoon when I was trying to buy a fairly rare DVD for a relative. After much hunting, I’d managed to track the DVD down to Zavvi.co.uk and that’s where I came across one of the most infuriating checkout procedures that I’ve encountered in recent times.