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 [...]
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.
CSS Navigation Menu – Basics
CSS menu’s can be very simple but can also cause confusion when combining block and inline elements. This tutorial will hopefully clear up any confusion and demonstrate the best way to structure your navigation in its simplest form. This demonstration isn’t complicated but I’ve decided to write an article about it as it is very [...]
IE6 PNG Fix
Using GIF’s for transparency can be extremely useful but can cause problems when transparency is required against multiple coloured or image backgrounds. For this problem, you should use a PNG image instead but whilst Firefox, Opera, Safari and even IE7 support PNG transparency, IE6 fails miserably. However, there is a solution…
CSS Fixed Footer
Sometimes it’s the simple things that can be the most infuriating when it comes to dealing with CSS. Positioning a footer to stay at the bottom of the browser window unless the content is larger, sounds like it should be fairly simple, but is in fact quite an advanced technique when it comes to CSS. [...]
Adding Rounded Corners to Images Using CSS
The easiest way to make rounded corners on images is obviously by using Photoshop or other graphical software but when dealing with lots of images, this could become extremely tedious. So, what if there was a way of creating rounded corners for all your images using CSS? Well, within this tutorial I’ll show how this [...]