CSS Spinners and Bars Generators: For AJAX & jQuery

Posted on October 5, 2011, under jQuery,  Bookmark it

After a long quiet sleep, the developers of well-known Preloaders.net have finally woken up. Couple of months ago they launched the second version of http://preloaders.net and released http://iconizer.net from beta having added dozens of new features and templates to both projects (including APNG support in the first one and a completely new search engine for the second project). But these two projects are not even in the middle of the developers’ plan. Right now they are developing 3 new projects and very recently launched a new generator – http://cssload.net

CSS load – first online CSS spinners and bars code generator with the given features and variety of templates. The aim of the project is to provide developers and designers with animations that indicate loading of AJAX and JQuery requests made with the means pure CSS (CSS3) and HTML. Right now there are 8 templates of different animation templates available, but there will be more in the nearest future.

The concept of generating the animations is very simple and alike with the Preloaders project. Just select your template in the left column, then set the coloring scheme, size and the speed of animation. All animations previews are generated automatically each time you change any parameter. Having acquired a desired preloader, click on the “Get code” button and you will be provided the code to copy.

The project right now is an alpha version with some little modifications pending. The main problem is that CSS3 animations are not yet supported by Internet Explorer and Opera web-browsers, but the project developers hope that very soon it will not be a problem anymore.

"Subscribe to the blog"
Receive an update straight to your inbox every time I publish a new article. Your email address will never be shared

One Reply to "CSS Spinners and Bars Generators: For AJAX & jQuery"

  1. Nice one! http://preloaders.net guys rule. Well done people!!!

Leave a Reply


* = required fields

  (will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)