Cheat Sheets
PHP (V2)
66 comments
The second version of the PHP Cheat Sheet, a quick reference guide for PHP, with functions references, a regular expression syntax guide and a reference for PHP's date formating functions.
CSS (V2)
The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.
HTML
HTML is the language of the web. It is the semantic support on which websites depend. This A4 reference lists the various tags available to the web designer, as well as a selection of useful character entities, attributes and events.
ASP / VBScript
A quick reference guide for ASP / VBScript, containing functions, collections, regular expression syntax and other useful bits of information.
CSS (V1)
A quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.
RGB Hex Colour Chart
A free, printer-friendly RGB Hex colour chart for web designers.
Articles
The Box Model For Beginners
An explanation of what the box model is and how it is treated by different user agents.
Background Images for Beginners
Everything you ever wanted to know about using background images in CSS.
RGB Colours for Beginners
There are different ways to define colours in web design, depending on the language you are writing. This tutorial explains how to define colours correctly.
CSS Selectors for Beginners
CSS Selectors allow you to specify the types and groups of elements you want to apply certain styles to.
Printer Friendly Pages for Beginners
Most designers create printer friendly pages by creating two seperate pages for each single page of information. This article will teach you how to do the same with CSS and no duplication.
Blog and Lab
CSS Drop-Shadows Without Images
CSS Drop-Shadows Without Images (posted from ZooTool).
18 February 2011 | 5 comments | css, css3, drop shadow, shadow, drop shadows, shadows, code, csstechniques, demo, effects
Data URIs Make CSS Sprites Obsolete
An excellent introduction to data URIs. I've been using these for a while, and they are especially useful if you want to create a page, with images, that can be distributed as a single file and will work offline. You'd be surprised how often that's needed.
Data URIs Make CSS Sprites Obsolete (posted from ZooTool).
06 July 2010 | 0 comments | web design, data uris, css, images
PDF Cheat Sheets
As requested by everyone, PDF versions of the PHP, CSS and mod_rewrite cheat sheets are now online. Enjoy!
13 May 2005 | 9 comments | php, pdf, css
Preload Images with CSS
How to preload images using CSS and so avoid delays with rollover effects.
Click here to read this post »
23 December 2004 | 57 comments | code, rollover, webdev, howto, preload, web, design, image, webdesign, images, css
View Page Structure
A tool that outputs the structure of a page. Makes working with CSS (especially resolving inheritance issues) much easier.
Click here to read this post »
12 October 2004 | 26 comments | imported, code, xhtml, tool, cheatsheet, design, webdesign, useful, tools, resources, css
Faux Columns for Liquid Layouts
Using CSS for layouts can be a problem when using backgrounds for two columns that are not of equal length. This article expands on the solution to this problem from AListApart.
Click here to read this post »
22 June 2004 | 30 comments | tutorial, html, fluid, layout, reference, liquid, design, web, faux, webdesign, css, hacks
