Blog Archives

Use CSS3 today

Posted on Wed 23rd Jan 2013 0

feature

Over the last couple of years we’ve seen some funky cool uses of CSS3, but now it’s time for the serious business. The CSS3 document has matured into a full W3C Recommendation, at this stage the W3C is encouraging everybody … Continue reading →

Retina (Hi-DPI) background images with CSS Media Queries

Posted on Fri 4th Jan 2013 5

retina

In our first tutorial of 2013, I show you how to create high resolution CSS Background images for Retina/Hi-DPI devices using Media Queries and the CSS3 Background-Size property. Continue reading →

Fade parts of your html page as you scroll using JQuery

Posted on Tue 23rd Oct 2012 1

fade-as-you-scroll

This week, Claire takes us through how to fade in parts of your website as you scroll down the page. Continue reading →

CSS3 in IE 6-9 with CSS3 Pie

Posted on Sat 13th Oct 2012 7

css3-pie-thumb

In this week’s video blog I take a look at CSS3 Pie – a handy plugin for rendering common CSS3 decorations in Internet Explorer (IE) 6-9. Continue reading →

An introduction to responsive web design & media queries

Posted on Fri 5th Oct 2012 8

responsive-tutorial

This week, James talks through the basic principals of creating a responsive web page with Media Queries and respond.js. Continue reading →

Web Design in HD? Will Retina Screens change the way we design?

Posted on Fri 15th Jun 2012 1

web-design-hd

In this week’s web design video blog we give our opinion on the trending topic of HD Web Design in light of Apple’s Retina Display debuting on the new Macbook Pro. Continue reading →

Web Design Tutorial – 100% CSS3 Button Tutorial

Posted on Fri 16th Mar 2012 1

vid-thumbs

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

Posted on Fri 9th Mar 2012 1

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 – CSS Lint, will make you epic!

Posted on Thu 26th Jan 2012 4

featured

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

Posted on Wed 25th Jan 2012 2

buttons-thumb

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