Welcome to my website. This is where I bring together my biggest passions in life; art and design... I hope you enjoy my work. - Matt =)

How to add CSS to HTML A tutorial explaining the pros and cons of the four main methods of adding CSS to HTML

CSS: margin top vs bottom ALWAYS use top margin when spacing block-level elements in CSS layouts. Read more to find out why.

Responsive House Plan A house plan that responds to the width of your browser window

Four-leaf Clovers and Synesthesia How synesthesia helps me find four and five leaf clovers

Create Fractals with Recursive Drawing Introducing an awesome fractal drawing tool by Toby Schachman: recursivedrawing.com

Responsive Banner Ads with HTML5 and CSS3 Introducing flexible HTML5 banner ads for your responsive layouts

iPad CSS Layout with landscape / portrait orientation modes A free iPad optimised website layout that changes design when the device is rotated

CSS Starbursts How to make starbursts without images: a CSS3 tutorial

Horizontally Centred Drop-Down Menus A detailed article explaining how to add drop-down submenus to my centered menus

Add a video effect to website images A neat CSS trick that turns ordinary images into a fuzzy, pixelated CRT screen

Exploring web typography: An experimental CSS hover layout An experimental website layout using the CSS hover pseudo-class and plain XHTML

CSS Reddit Alien An animated Reddit alien logo I created from pure CSS and text

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 website indexed by Google If your launching a brand new website that no-one knows about yet then try these great indexing tips

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

Equal Height Columns with Cross-Browser CSS 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

Horizontally Centered Menus with no CSS hacks 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.

Converting a liquid-layout to fixed-width with CSS A simple CSS tutorial showing how to change between fixed-width and liquid-layouts with the use of a container div

Ultimate multi-column liquid layouts 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 SEO-friendly URLs without JavaScript A simple way to use clean rewritten URLs directly from posted forms without JavaScript