You are here: Home > Blog

Latest articles

• How to convert a liquid-layout to a fixed-width design with simple CSS

  

  A simple CSS tutorial showing how simple it is to change between my fixed and liquid layouts

  Date

  2 Jul 2008

  Tags

  Cascading style sheets (CSS) Semantic XHTML Tutorials Web design Website layouts

• A 'Liquid' List Apart

  

  A liquid layout would be much more accessible and user-friendly for the 'A List Apart' website, see my mockup.

  Date

  3 Feb 2008

  Tags

  Cascading style sheets (CSS) Web accessibility Web design Website layouts

• Ultimate multi-column liquid layouts (em and pixel widths)

  

  A new series of solid layouts that use pixel and em widths for columns. SEO friendly. No CSS hacks. Free for anyone to use.

  Date

  20 Jan 2008

  Tags

  Cascading style sheets (CSS) Search engine optimisation (SEO) Semantic XHTML Tutorials Web design Website layouts

• Print out your own MacBook Air

  

  Can't afford a MacBook Air? Print out one for free!

  Date

  15 Jan 2008

  Tags

  Apple Tutorials

• How to post forms to clean, rewritten URLs without JavaScript: a PHP and mod_rewrite tutorial

  

  A simple way to use clean rewritten URLs directly from posted forms without JavaScript

  Date

  14 Jan 2008

  Tags

  Mod_rewrite MySQL PHP Programming Search engine optimisation (SEO) Tutorials Web accessibility Web design

• Carbon Neutral Christmas Lights

  

  Environmentally friendly Christmas lights that are fun and interactive

  Date

  6 Dec 2007

  Tags

  Carbon neutral Christmas lights

• Animated Photoshop selection on a web page!

  

  Highlight areas of your website with animated select boxes just like you can do in PhotoShop

  Date

  16 Nov 2007

  Tags

  Animation Gif animation Photoshop art Tutorials Web design

• Get down! How to keep footers at the bottom of the page

  

  A simple method using valid CSS to keep your footer at the bottom of the screen on pages with little content.

  Date

  10 Nov 2007

  Tags

  Cascading style sheets (CSS) Progressive enhancement Semantic XHTML Tutorials Web design Website layouts

• Perfect multi-column CSS liquid layouts - iPhone compatible

  

  The best website layouts. No CSS hacks. SEO friendly. No Images. No JavaScript. Cross-browser and iPhone compatible.

  Date

  27 Oct 2007

  Tags

  Cascading style sheets (CSS) Search engine optimisation (SEO) Semantic XHTML Web design Website layouts

• The art of sharpening pencils

  

  See all the popular styles and methods of sharpening pencils and learn a few tricks too.

  Date

  8 Oct 2007

  Tags

  Chalk drawings Charcoal drawings Drawings Pencil drawings Tutorials

• Preventing a common security problem with login forms

  

  A potential security risk with login forms that all web designers should know about

  Date

  7 Oct 2007

  Tags

  JavaScript Web accessibility Web design

• Preventing a 'background image jump' when changing the page length

  

  A simple remedy for a potentially annoying background image CSS quirk

  Date

  5 Oct 2007

  Tags

  Cascading style sheets (CSS) JavaScript Web design

• Online Boggle dice shaker

  

  A simple Boggle dice shaker built with JavaScript

  Date

  17 Jun 2007

  Tags

  Boggle Games JavaScript

• The Floating Boxes CSS Layout

  

  An alternative website design to the standard 'fixed width' or 'liquid layout' designs

  Date

  16 Jun 2007

  Tags

  Cascading style sheets (CSS) Semantic XHTML Web design Website layouts

• How I drew my Bjork 'Alarm Call' picture

  

  This is a simple step-by-step tutorial describing some of the tricks I use in CorelDraw and Photoshop and also when scanning artwork.

  Date

  16 Jun 2007

  Tags

  Bjork art Coreldraw Photoshop art Portraiture Tutorials Vector art

• Synesthesia: how I associate colours to letters and numbers

  

  For as long as I can remember I have associated particular colours to each letter of the alphabet. I thought I was crazy; that was until I discovered I was not alone with these experiences...

  Date

  14 Jun 2007

  Tags

  Synesthesia