Website layouts

Web templates, web design, layout examples, usability and navigation:

• Horizontally Centered Drop-Down Menus with Pure CSS A detailed article explaining how to add drop-down submenus to my centered menus
• Exploring Web Typography: Experimental CSS Hover Layout An experimental website layout using the CSS hover pseudo-class and plain XHTML
• Drupal Themes of my Ultimate Liquid Layouts Thanks to Gaus Surahman my ultimate liquid layouts are now available for download as themes for the Drupal CMS
• Link Source Ordering: Focus link popularity onto key pages with SEO Master link source ordering and you will be able to redirect link popularity to key pages in your website
• Equal Height Columns with Cross-Browser CSS and No Hacks A step by step tutorial explaining how to create multicolumn layouts with divs and CSS where every column is the same height
• The Holy Grail Liquid-Layout, No Quirks Mode A new version of my 3 column liquid layout that does not use quirks mode or IE conditional comments
• 'Split Page' 3 column CSS liquid-layout An unusual web page design that is the inverse of the Holy Grail liquid-layout.
• Adobe Dreamweaver CSS rendering bug A courtesy warning for web designers using Dreamweaver with my liquid layouts
• How to convert a liquid-layout to a fixed-width design with simple CSS A simple CSS tutorial showing how to change between fixed-width and liquid-layouts with the use of a container div
• A 'Liquid' List Apart A liquid layout would be much more accessible and user-friendly for the 'A List Apart' website, see my mockup.
• 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.
• 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.
• 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.
• The Floating Boxes CSS Layout An alternative website design to the standard 'fixed width' or 'liquid layout' designs

Blog tags

• 25 Web design
• 17 Cascading style sheets (CSS)
• 15 Tutorials
• 14 Website layouts
• 13 Semantic XHTML
• 11 CSS tricks
• 8 Fun and games
• 8 Search engine optimisation (SEO)
• 5 HTML columns
• 5 Website navigation
• 4 Google
• 4 Web accessibility
• 4 Website coding
• 3 Apple
• 3 Bugs
• 3 Indexing
• 3 JavaScript
• 3 Resizable text
• 3 Science
• 2 Animation
• 2 Browser compatibility
• 2 CMS
• 2 Character design
• 2 HTML forms
• 2 Link popularity
• 2 Logos
• 2 PHP Programming
• 2 Photoshop art
• 2 Search
• 2 Synesthesia
• 2 Vector art
• 2 Videos
• 1 ASCII art
• 1 Apple iPhone
• 1 Bjork art
• 1 Boggle
• 1 Carbon neutral
• 1 Chalk drawings
• 1 Charcoal drawings
• 1 Christmas lights
• 1 Coreldraw
• 1 Drawings
• 1 Drupal CMS
• 1 Eco Friendly
• 1 Gif animation
• 1 Microformats
• 1 Mod_rewrite
• 1 MySQL
• 1 Pencil drawings
• 1 Portraiture
• 1 Progressive enhancement
• 1 Reddit
• 1 Security
• 1 Twitter
• 1 URL rewriting
• 1 Web Typography

big doodles by felicity