Web design

Web development, website design and usability:

• 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
• Microformats: for better SEO and the semantic web Commentary on the latest developments in Microformats and their adoption by Google
• Five quick ways to get a new website indexed by Google If your launching a brand new website that no-one knows about yet then try these great indexing tips
• 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
• Optimise your home tab text for better SEO This is a great little SEO trick for your navigation bar that will work for almost every website and particularly larger websites
• 4 methods of adding CSS to HTML: link, embed, inline and import A short tutorial explaining the pros and cons of the four main methods of adding CSS to HTML
• 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
• Converting special characters to HTML entities between code tags in PHP A PHP function I wrote to allow HTML snippets between code tags in any textarea. This would be very useful for blog admin pages.
• 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
• Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser. A simple cross-browser method of centering tabbed menus with pure CSS and no hacks.
• '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.
• 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
• Animated Photoshop selection on a web page! Highlight areas of your website with animated select boxes just like you can do in PhotoShop
• 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.
• Preventing a common security problem with login forms A potential security risk with login forms that all web designers should know about
• Preventing a 'background image jump' when changing the page length A simple remedy for a potentially annoying background image CSS quirk
• The Floating Boxes CSS Layout An alternative website design to the standard 'fixed width' or 'liquid layout' designs

Blog tags

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

big doodles by felicity