Latest design articles

CSS Reddit Alien - only 8KB! An animated Reddit alien logo I created from pure CSS and text
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
The synesthesia condition explained by Vilayanur Ramachandran A fascinating presentation explaining how cross-wiring in the brain is the cause of the synesthesia condition
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.
Print out your own MacBook Air Can't afford a MacBook Air? Print out one for free!
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
Carbon Neutral Christmas Lights Environmentally friendly Christmas lights that are fun and interactive
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.
The art of sharpening pencils See all the popular styles and methods of sharpening pencils and learn a few tricks too.
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
Online Boggle dice shaker A simple Boggle dice shaker built with JavaScript
The Floating Boxes CSS Layout An alternative website design to the standard 'fixed width' or 'liquid layout' designs
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.
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...

Blog tags

big doodles by felicity

If you find my website useful, feel free to donate any amount you wish. It will help pay for my hosting! =)
© Copyright 1993 - 2009 Matthew James Taylor | About & Contact | Website History