«
»

Creating spinners with CSS transitions/transform and a bit of JS

{}
 June 1st, 2011

CSS3 can deliver animations without the help of javascript libraries. Less code, less server requests, so faster loading of your website.

Furthermore CSS will be hardware accelerated by the browser when possible. Not now, but in the near future. So it’s preferable to use CSS instead of javascript. Goodbye to jQuery UI?

We will see, since mobile web is really emerging we’re in the need of a better content/pagesize ratio. Less markup, less JS, less server request, and faster loading.

So a little example here. Compare it to the javascript driven various spinners out there on the internet.

Tags:

This entry was posted on Wednesday, June 1st, 2011 at 10:42 am and is filed under CSS3, HTML5, Webtechnology. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Creating spinners with CSS transitions/transform and a bit of JS”

  1. Spinners and sliders with just native javascript - dev.webonomic.nl Says:
    April 5th, 2012 at 12:47 pm

    […] an earlier post we waved goodbye to jQuery UI for animations. CSS transform and transitions are more powerful, easier to maintain, hardware accelerated, and […]

Leave a Reply