https://github.com/vladocar/picocss
picoCSS - really small JavaScript Framework
https://github.com/vladocar/picocss
animation dom javascript javascript-framework javascript-library minimal
Last synced: 7 months ago
JSON representation
picoCSS - really small JavaScript Framework
- Host: GitHub
- URL: https://github.com/vladocar/picocss
- Owner: vladocar
- Created: 2011-04-27T20:23:56.000Z (about 14 years ago)
- Default Branch: master
- Last Pushed: 2023-03-21T11:46:59.000Z (over 2 years ago)
- Last Synced: 2024-11-15T20:08:00.043Z (8 months ago)
- Topics: animation, dom, javascript, javascript-framework, javascript-library, minimal
- Language: HTML
- Homepage: http://www.vcarrer.com
- Size: 8.79 KB
- Stars: 77
- Watchers: 5
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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:
---------------------
* Insert inline CSS
* Change Class or ID
* Make basic webkit animation
* picoCSS integrates [Svetlo Selector Engine](http://www.vcarrer.com/2011/04/svetlo-one-line-javascript-selector.html)
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:
---------------------
* [Demo1](http://vladocar.github.io/picoCSS/sun.html)
* [Demo2](http://vladocar.github.io/picoCSS/css.html)
* [Demo3](http://vladocar.github.io/picoCSS/of-onn.html)
* [Demo4](http://vladocar.github.io/picoCSS/animate.html)
Also my blog post [picoCSS - JavaScript Framework](http://www.vcarrer.com/2011/04/picocss-really-small-javascript.html)
You can use direct download or npm:
---------------------
```shell
$ npm i @vladocar/picocss
```