HTML & CSS Tutorials

Web Design Tutorial – HTML5 structural tags & starting template

In this week’s web design video blog we take a look at the key new HTML5 structural tags, and show you our recommended usage with a starting template for copying and pasting. Continue reading

Web Design Tutorial – 100% CSS3 Button Tutorial

In this week’s web design video blog we share a tutorial for creating ‘image-free’ CSS3 buttons that degrade well in IE6-8. Continue reading

Web Design tutorial – Create an expanding search box with CSS3 Transitions

In this week’s video blog we show you how to create an expanding search box by using CSS3′s new transition property. Continue reading

Web Design Tools: WhatFont

This week Kim reveals a free CSS font recognition tool called WhatFont that provides designers with typeface information at a click of a button Continue reading

Web Design Tutorial – Coding a full-width infinite footer with CSS

In this week’s video tutorial we show you how to create a blocky full-width footer where the colour/pattern doesn’t run out. Continue reading

Web Design with Google Web Fonts

In this week’s video tutorial we take a look at Google Web Fonts and show you how to install them on your website. Continue reading

Web Design Tips – CSS Columns & Grids

This week Steve talks through a couple of very useful and often overlooked ways of arranging content without floats Continue reading

Web Design tools – CSS Lint, will make you epic!

This week Gav shows us a really cool new online tool that goes deep into your CSS and pulls out all the nasty bits. It’s a tool that will not only tell you why something doesn’t work, but how to fix it and become epic. Continue reading

Web Design Tutorial – Slick CSS Button Effects

This week Steve shows you how to make a smooth state altering button with CSS3 transitions. Continue reading

Web Design Tutorial – Liquid CSS Sprite Buttons

In this week’s web design tutorial, James shares some simple coding for creating liquid CSS sprite buttons that you can use throughout your website’s design. Continue reading