Category: CSS

Untitled-1 2

4+1 CSS3 animation libraries!

The main purpose of CSS is to separate content from presentation. Therefore having a bunch of JavaScript execute complex code in order to animate an on screen element is less than ideal. Plus animations through JavaScript occasionally need non semantic HTML to be inserted in order to make everything happen. This is exactly why CSS3 animations are awesome.

CSS Measuremments 1

When to use each CSS Measurement

One of the most fundamentals things in CSS that is often overlooked but every web designer should know about, is when to use each CSS Measurement. The most popular CSS Measurement Units are px (pixels), % (percentages), em (relative to document font size) and pt (points). In this article we are going to review each unit and determine when they should be used

u8MFyyo1-300x225 1

Cross browser background-size:100%

Let’s assume that we design a website and we want to set the background to be similar to the image on the left. This can be achieved with a couple of ways: We can either use a pure CSS radial gradient or we can use an image. The CSS method is in my opinion superior but in some case using an image is prefferable

less css preprocessor 3

LESS – The javascript powered CSS preprocessor

LESS takes code written in its language and then outputs plain CSS. It’s very similar to how PHP or ASP or any other server side programming language works. Server side languages are able to do complex things like query a database but in the end, they output plain HTML. LESS works much in the same way, but outputs CSS instead..