Skip to content
picoCSS - really small JavaScript Framework
Branch: master
Clone or download
Pull request Compare This branch is 4 commits ahead, 2 commits behind vladocar:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
README.md
animate.html
css.html
of-onn.html
sun.html

README.md

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

You can’t perform that action at this time.