We’re all for responsive design techniques and also how sites display accross diefrent mobile devices and standard devices. Rather than adding scripts we’ve found the best way to target Devices is directly through CSS. Target Mobile Devices and Other Standard Devices with CSS This list is the most comprehensive and will cover most mobile devices. [...]

Tags: CSS, css by device, css for mobile devices, css mobile

A quick snippet for you to limit the number of characters in a span / div etc by a particular value. This function also includes a slightly neater … at the cutoff point:- Make sure you enter the character value in twice (currently 80). Limit Number of Characters with CSS Actually this can also be [...]

Tags: CSS, css limit text length, jquery, jquery limit characters

I wanted to share some cunning CSS with you that is a great fix for getting equal height columns with just CSS (this is a case where jQuery just ins’t needed). This is great for instances where you have a column down one side of the page that you want to have a consistent border [...]

Tags: column height css, column height fix, CSS, equal column height css

I just wanted to share a very quick tip with you that I’ve recently used and was surprised to see worked cross-browser. I suppose I shouldn’t have been too surprised as it uses valid CSS markup, but anyhow. I wanted to give an existing image a background image and usually I would put the image [...]

Tags: CSS, css background image

Something that I’m often asked is how to stretch an image on screen horizontally and vertically by 100%. In the past I’ve used a number of different techniques for this, but as usual it’s the simple solutions that are the best. In fact this method is so simple that you’ll probably be wondering what all [...]

Tags: 100% Image Background, CSS