html

As a web designer, I'm often asked to center content on a web page, vertically as well as horizontally. This is often referred to as 'the letterbox effect'. Back in the day, when we all used tables to mark up our pages, this was a pretty simple task.

I've come across loads of different techniques to create a browser based drop shadow effect. Some use only CSS whilst others need the help of JavaScript, some are cross browser friendly, others are not!

The aim of this post is to create collection of resources that show various techniques for creating CSS drop shadow effects. This was inspired by Smileycat's CSS Rounded Corners Roundup, which has proved to be a really useful resource for me, that I often refer back to.