/picoCSS

picoCSS - really small JavaScript Framework

Primary LanguageHTML

This is a fork of picoCSS. The following has been changed:

In this fork, pico is chainable:

p.select("#main").att("class","bumm").css("color:green;");

In this fork, you can reuse a select:

p.select("#main");
p.att("class","bumm");
p.css("color:green;");

In this fork, its easier to do something like jQuery each:

p.select('div').each(function(elm) {
	p.value = [elm];
	p.css('background-color:green');
});

In this fork, an addClass method have been added:

p.addClass("bumm");

Below: vladocar's description

picoCSS - really small JavaScript Framework

picoCSS is small (0,35kb gzipped & compressed) JavaScript Library for basic CSS DOM manipulation optimized for webkit browsers(Safari, Chrome) also works in Firefox, Opera without the part of animation.

picoCSS dosen't aim to be complete JS framework just simple tool for simple needs.

Basically if only need to do simple CSS JavaScript manipulation for your next iPad, iPhone or Android app, picoCSS can help you.

With picoCSS you can:

The syntax looks like this:

p.select("#a").css("background-color : green; color: #fff;");

or

p.select("#b").animate('0.5', '1','360','1','1','1','1', '0','0');

or

p.select("#main").att("class","bumm");

If you open picoCSS.js file you will notice that the library is very easy to extend.

Feel free to do any kind of modification to the library.

Google Closure Compiler was used for compressing the JS file.

Demos:

Also my blog post picoCSS - JavaScript Framework