You are here: Home > Blog > Web design

Web design

Web development, website design and usability:

• 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

• 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

• 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

• 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

• 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