Tag Archives: CSS

Impress.js is good for your presentations

What is it? Impress.js is a web-based presentation framework which utilises CSS3 transitions and transforms to produce some impressive effects. Just visit this page and press spacebar to see the presentation. But wait, it just works on Chrome or Firefox 10.

With a variety of different CSS animations you can set up presentations which scroll, rotate and scale on a 3D plane.

Obviously, you still need to have something to say =)

Further information can be found here and here. If you feel ready, you can fork the library on GitHub.

Please validate your CSS

Do you need to check and validate your CSS?

Besides the classic W3C validator, here’s an interesting service: CSS Lint.

This is what it’s about:

It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.

More info here. Give it a try!

How to generate some CSS3 code

Looking to improve your CSS skills but still not a Master?
Maybe this can help:

The CSS Generator web app helps you with some new CSS3 features: take a look at the pic on the right.

Pick the one you need and enter the parameters.

You’ll get exactly the CSS lines you want while checking the result on the right.

Moreover, the app shows the supporting browsers for each function. Just to let you know ;)

%d bloggers like this: