Due to the popularity of handheld devices such as tablets it has become commonplace to use alternate stylesheets to style a website especially for those devices. Media Queries help simplify the process.

I had a request to make a photo gallery in the same style of Derren Brown’s art gallery website. Unfortunately Derren has moved his art and the gallery is no longer there, but I wanted to try and replicate it using modern techniques anyway. Here’s the result.

I was playing around with jQuery & CSS 3, and managed to cobble together this little gallery slash photo viewer. It’s not really ready to be used on websites right now, but it is a look at the promising things coming thanks to speedier Javascript & CSS.

Creating a stylized pull quote or blockquote can sometimes require images & additional elements. In this tutorial I am going to show you a simple method of creating a simple but stylized pull quote or blockquote using only CSS.

I was recently asked how to create a Polaroid photo effect using only CSS & no layout based images. After creating it I though I’d share it with the world, just to show how easy it is.

Following on for my last tutorial, I’m now going to show a couple of examples of CSS transitions & transforms in action. This includes a list animation commonly created with jQuery.

A awesome feature of CSS that has started to become a little more usable as CSS 3 draws nearer are the transform & transition properties. They can be used to manipulate elements in wonderful ways & animate without Javascript respectively.

Today we are going to take a quick look at the ability of CSS to select elements using attribute selectors. We are also going to look at the new features added to attribute selectors in the CSS 3 specifications.

Today we are going to look at a quirky idea I was asked to make for a website I was building recently. It’s a way to provide extra information about an image without needing extra space.

One of the new and exciting features I’m loving in CSS is the ability to include custom fonts in your website. The best thing about it is that it’s all done in browser. In this post we are going to look at this exciting new feature.

Gradients are part and parcel of web design these days. Even subtle ones can be used to make a flat color look that little bit more exciting. The problem has always been creating them required a graphics program & repeats are a pain, but now you can generate them in browser.

Next on our journey through the new CSS 3 properties we are going to take a look at Box Shadow. As the name suggests it creates a shadow, just like the Text Shadow property, except Box Shadow creates a shadow based on the element’s box model.