10 Useful CSS Snippets Every Designer Should Have | JUST™ Creative

This article was contributed by Rajeesh PK. Designers and developers should always be looking out for tricks and hacks that help them develop their process in-line with browser support. You can use some of these CSS snippets to automatically adjust the specifications of the columns in your table, wrap long text or even create a simple loading state without using GIFs. 1) Align anything vertically This is one of the scenarios that designers who work with CSS face most often – we all wanted help with text alignment or element alignment vertically at least once! Using CSS3 Transforms, this can be easily sorted out. Find the snippet provided below, which you can use the next time you are stuck. With this, you can bring about a vertical alignment across boxes, single lines of text, paragraphs. And, you can easily find browser support for Firefox 3, Chrome 4, Opera 10, Internet Explorer 9 and Safari 3. 2) Stretch elements to fit into the full height of a window height There might be

Source: 10 Useful CSS Snippets Every Designer Should Have | JUST™ Creative