Learning more about CSS

Articles about unfamiliar or new CSS techniques are great for expanding your CSS knowledge and there’s always the chance that you will need to use the methods in a client’s project. Here are a couple of CSS methods that I saw recently. Why not try one of these or something else new in your website projects?

Sticky footer

A neat visual effect that can sometimes be useful is exemplified by the CSS Sticky Footer where the footer element [often overlooked in design and content terms] is ‘stuck’ to the bottom of the browser window. This particular technique has been described in a few different ways dotted around the web but new methods are always welcome. It might be difficult to choose between the methods but my advice would be to try a couple of these and pick the one you like best.

Changing case

The text-transform property is underused but it is very powerful if you want to capitalise or otherwise change the case of a particular element on your website. A simple style rule using the text-transform property and its values enables you to change all your headings, for example, in one simple step! Devlounge explains how to transform your text with text-transform.

Reading these types of articles always provides a great incentive to try something new in my projects. Often, the project deadline gets in the way but I try and do something different in my style sheet if I possibly can… and if it makes sense for the client’s website requirements of course!

Technorati : css, typography