Quick Tip: How to Keep the Count with CSS

Do you know that you can create a counter with CSS? This can be especially useful for instances where the count is just for presentational purposes. This tutorial will show you how to use counter-increment with CSS2…

Styling ordered list numbers

Ordered lists can be difficult to style. Changing the font, size, color, background etc. of numbers is tricky. The key is using CSS generated content to create and insert the counter numbers after removing the default numbering from the list…

Create a vertically centred horizontal navigation

Centring block level elements is easy, just define a width and set margin:0 auto;, but what if you don’t know that fixed width? You could use text-align:center;, but that won’t work on 100%-width block-level elements either… that’ll only work on text-level elements.

CSS Restaurant Menu

When out having a meal with a few guys from work once we got talking about the menu, and how it would be intereting to work on a restaurant website in terms of using semantics and CSS to build menus properly. When I got in that night I had a spare few minutes and came […]

All CSS Properties Listed Alphabetically

A useful list of CSS properties ordered alphabetically for easy reference…

Sexy HTML List Tricks

Behold the ubiquitous list elements, “ul” and “ol”! These two sexy elements help millions of websites display lists of information in clean, semantic fashion. Without them, we’d be crawling around like filthy cavemen, eating dirt and howling at the moon. But these list elements aren’t just sexy, they are also extremely flexible, enabling us humble […]