Cheat Sheets
CSS (V2)
297 comments
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.
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
Ten Ways To Improve Your Website Conversion Rate
Why worry about getting twice as many people to visit your site, when it can be far easier to double the number of sales from the people already visiting? Here are 10 ways to improve your website conversion rate.
The Box Model For Beginners
An explanation of what the box model is and how it is treated by different user agents.
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
Hex Codes for Crayola Crayon Colors
Hex Codes for Crayola Crayon Colors (posted from ZooTool).
04 February 2011 | 2 comments | color, colour, design, art, colors, crayons, hesse, hex, html, list
A Collection of Screen Patterns
Essential reading for any UI designer, this is a thorough and highly useful foray into different screen patterns.
A Collection of Screen Patterns (posted from ZooTool).
Typographic Sins
A poster (sadly, it appears, unavailable to buy) with common typographical mistakes.
Typographic Sins (posted from ZooTool).
Responsive Web Design
Thinking about a iPhone version of your website? Read this first - it's a comprehensive piece explaining how to use the media attribute to control the display of your site in different width browsers (including mobile devices).
Responsive Web Design (posted from ZooTool).
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
Text Readability Scores
A tool to give an indication of how easy text is to read, using the Flesch-Kincaid, Gunning-Fog, Coleman-Liau, SMOG and Automated Readability scoring systems.
Click here to read this post »
07 July 2004 | 141 comments | design, language, literature, readability, reference, resources, tool, tools, usability, webdesign, writing
28k and 56k Modem Emulator
Regardless of your connection speed, this will show you how your site loads on PCs with older connections.
Click here to read this post »
29 June 2004 | 65 comments | webdev, development, web, design, usability, modem, webdesign, tools, accessibility, optimization, testing
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
US States Select Box
A populated select list (input box) with the states of the USA as options.
Click here to read this post »
14 February 2004 | 26 comments | select, webdev, development, html, reference, resource, design, forms, webdesign, states, resources
Countries Select Box
A populated select list (input box) with the countries of the World as options.
Click here to read this post »
24 October 2003 | 31 comments | list, select, countries, html, resource, design, forms, webdesign, form, resources
