Initially I used LESS for most of my CSS pre-processing, but due to its lazy load structure I started using SCSS which in my opinion is a much more structured and functional compiler.

Here is a quick reference guide containing the default @media rules used by Bootstrap 3 and Bootstrap2. Handy to know if customising things like font sizes.

Whether you are a developer or a designer for the web, it's always nice to have a collection of icons to use plus ones that can implemented direct with CSS.

Responsive CSS allows you to design a website which will change scale and layout depending on a users device (Computer, Mobile and Pad).

Sometimes when outputting data in a table based layout you may find the size and width differ when going between pages depending on the content.

A wonderful CSS property is word-wrap. You use it if a website has content such as long urls which overlap the page then this stops that default overlap.

Being able to use the CSS opacity and alpha is great on most modern browsers using, here is the best way to make it work for all of them and older browsers.

I recently had to create a multilingual website, where a languages text had to read from right to left. The answer was to use the direction RTL.

Over the last few years I have used custom CSS fonts which gives more freedom when designing websites. Here are some websites which offer free fonts.

I have always thought that using custom fonts via @font-face was only a CSS3, but actually it works in internet explorer 6 as well.

Joomla's plugin called Email Cloaking, replaces any email in content with javascript to stop spam. One problem is changing the hyperlinks colour.

This post is a little helper to get around the infamous CSS3 Internet Explorer issue (of which there are many) that covers the CSS3 border-radius.