How to add CSS to HTML
A tutorial explaining the pros and cons of the four main methods of adding CSS to HTML
Art and Design by Matthew James Taylor
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 =)
Urgent Update
I have released some of my best fractal artwork for sale as NFTs on OpenSea. Check them out if you're interested. =)
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
Carbon Neutral Christmas Lights
Environmentally friendly Christmas lights that are fun and interactive