Horizontal Semantic List-based CSS Navigation

If you’ve read my Vertical Semantic List-based CSS Navigation tutorial you’ll already know that a major part of web standards involves using mark-up (HTML or XHTML) for its intended purpose instead of purely to style pages. Part of this involves using lists to control navigation, because that’s exactly what navigation is — a list of […]

Showing Code on Your Webpage

The problem with a lot of ‘how to show code’ tutorials on the Internet is that they teach you completely the wrong things! I’ve seen countless tutorials telling people to wrap the code in a <textarea> or just leave spaces between the <, > and the tag name — ALL wrong. And no, not just […]

Create a Tableless (CSS) Layout

I bet you’ve heard the coding obsessed web designers getting their knickers in a twist about CSS layouts, yet you don’t know the first thing about them, right? Obviously that’s why you’re here! Well, providing you have a little CSS knowledge and know how to separate style from content, you should find this tutorial a […]

Converting From iframes

While I’m reassured occasionally that iframes have their uses, I cannot stand them or their oft misused presence. If they’re not being blasted out in lime green because of incorrect transparencies, then they’re being given heights of 10,000 just in case — to prevent them from scrolling. This creates a seemingly endless vertical scrollbar, and […]

Validate Your CSS

CSS is generally a lot easier to validate than HTML — the validator doesn’t care if your CSS is lowercase, uppercase or a bit of both and it doesn’t care about the order in which you display things (although this sometimes effects the appearance of a page, because of the cascade). There are a few […]

A Beginners Guide: What is CSS?

CSS — Cascading Style Sheet(s) — the “language” used to customise and style web pages. Almost everything you see on this page has been customised one way or another by CSS. The size and colour of the font (the font itself!), the position of the content and sidebar, how much space between the two sections, […]

CSS Safe Colour Guide

These hex colours were designed to look the same across all computers/screen types. It has been argued that this is impossible to achieve, but these are the ‘web safe colours’ all the same: 000000 000033 000066 000099 0000CC 0000FF 003300 003333 003366 003399 0033CC 0033FF 006600 006633 006666 006699 0066CC 0066FF 009900 009933 009966 009999 […]