Monthly Archive:: December 2012

CSS3 in All Browsers – Rounded Corners, Drop Shadows, Glows and Gradients

CSS3 supports a bunch of nice new CSS features, including rounded corners, drop shadows, glows, and gradients. However, different CSS vendors will use different prefixes to standard CSS3 features while still in an ‘experimental’ stage. This means

IE Only Stylesheets and CSS

Targeting IE with specific CSS, is always a awful task, however I thought I’d cover the two basic ways to do it: in HTML using conditional CSS and in stylesheets using hacks. Conditional CSS Conditional CSS lets

Vimeo Colour Palette (Hex and RGB)

This is the Vimeo colour palette, which contains 13 colours. This palette has been extracted from a Vimeo style sheet for accuracy.

Google Plus Colour Palette (Hex and RGB)

This is the Google+ colour palette, which contains 5 colours.

Twitter Colour Palette (Hex and RGB)

This is the Twitter colour palette, which contains 5 colours.

Social Media Colours – Hex and RGB Colours of the Web

These are the colours that define the social web in 2015. Most of the colours come directly from the logos of their respective brands. To see more colours from the same website, click “more (name) colours”. If

Facebook Colour Palette (Hex and RGB)

This is the Facebook colour palette, which is a monochromatic palette containing 5 colours.

How to Style HTML5 Input Placeholder With CSS

With HTML5 came the placeholder text for input and textarea elements, a welcome replacement for the javascripted alternative. The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample

Bounce rate too high? How to decrease bounce rate?

Does your website have a high bounce rate? Here are some possible problems with your website that might be costing you valuable customers.

Best Clearfix for All Browsers (IE6+)

Gone are the days of putting your clearfix as a separate div, this is the simplest CSS clearfix that works in all browsers (including IE6). .group:before, .group:after { content: ""; display: table; } .group:after { clear: both;