{"id":21155574,"url":"https://github.com/vladocar/picocss","last_synced_at":"2025-07-09T11:31:45.644Z","repository":{"id":1442363,"uuid":"1672560","full_name":"vladocar/picoCSS","owner":"vladocar","description":"picoCSS - really small JavaScript Framework","archived":false,"fork":false,"pushed_at":"2023-03-21T11:46:59.000Z","size":9,"stargazers_count":77,"open_issues_count":0,"forks_count":12,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-15T20:08:00.043Z","etag":null,"topics":["animation","dom","javascript","javascript-framework","javascript-library","minimal"],"latest_commit_sha":null,"homepage":"http://www.vcarrer.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vladocar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2011-04-27T20:23:56.000Z","updated_at":"2024-11-13T05:17:55.000Z","dependencies_parsed_at":"2023-07-06T09:16:03.674Z","dependency_job_id":null,"html_url":"https://github.com/vladocar/picoCSS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FpicoCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FpicoCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FpicoCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FpicoCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vladocar","download_url":"https://codeload.github.com/vladocar/picoCSS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225538157,"owners_count":17485147,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","dom","javascript","javascript-framework","javascript-library","minimal"],"created_at":"2024-11-20T11:23:17.069Z","updated_at":"2024-11-20T11:23:17.577Z","avatar_url":"https://github.com/vladocar.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"picoCSS - really small JavaScript Framework\n-----\npicoCSS is small (0,35kb gzipped \u0026 compressed)  JavaScript Library for basic CSS DOM manipulation optimized for webkit browsers(Safari, Chrome) also works in Firefox, Opera without the part of animation. \n\npicoCSS dosen't aim to be complete JS framework just simple tool for simple needs. \n\nBasically if only need to do simple CSS JavaScript manipulation for your next iPad, iPhone or Android app, picoCSS can help you. \n\nWith picoCSS you can:\n---------------------\n\n  * Insert inline CSS\n  * Change Class or ID \n  * Make basic webkit animation\n  * picoCSS integrates [Svetlo Selector Engine](http://www.vcarrer.com/2011/04/svetlo-one-line-javascript-selector.html)\n  \n\u003ch3\u003eThe syntax looks like this:\u003c/h3\u003e\n\n\tp.select(\"#a\").css(\"background-color : green; color: #fff;\");\n\nor \n\n\tp.select(\"#b\").animate('0.5', '1','360','1','1','1','1', '0','0');\n\nor\n\n\tp.select(\"#main\").att(\"class\",\"bumm\");\n\nIf you open picoCSS.js file you will notice that the library is very easy to extend. \n\nFeel free to do any kind of modification to the library.\n\n\nGoogle Closure Compiler was used for compressing the JS file.\n\nDemos:\n---------------------\n\n  * [Demo1](http://vladocar.github.io/picoCSS/sun.html)\n  * [Demo2](http://vladocar.github.io/picoCSS/css.html)\n  * [Demo3](http://vladocar.github.io/picoCSS/of-onn.html)\n  * [Demo4](http://vladocar.github.io/picoCSS/animate.html)\n\nAlso my blog post [picoCSS - JavaScript Framework](http://www.vcarrer.com/2011/04/picocss-really-small-javascript.html)\n\nYou can use direct download or npm:\n---------------------\n\n```shell\n$ npm i @vladocar/picocss\n```\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladocar%2Fpicocss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvladocar%2Fpicocss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladocar%2Fpicocss/lists"}