CSS tools

# CSS Tools ##### Desktop & mobile CSS frameworks: - [Semantic UI](http://semantic-ui.com/) - [Foundation](http://foundation.zurb.com/) - [Bootstrap](http://getbootstrap.com/) - [Metro UI](http://metroui.org.ua/) - [Pure.css](http://purecss.io/) - [Concise](http://concisecss.com/) - [Materialize](http://materializecss.com/) - [Material Design Lite (MDL)](http://www.getmdl.io/index.html) - [Base](http://getbase.org/) ##### Mobile only CSS frameworks: - [Ratchet](http://goratchet.com/) ##### CSS reset: > A CSS Reset (or “Reset CSS”) is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline. - [http://cssreset.com/](http://cssreset.com/what-is-a-css-reset/) - [Eric Meyer’s “Reset CSS” 2.0](http://meyerweb.com/eric/tools/css/reset/) - [Normalize](https://necolas.github.io/normalize.css/) ##### Transpiling: - [SASS/SCSS](http://sass-lang.com/) - [stylus](https://github.com/stylus/stylus) - [PostCSS](https://github.com/postcss/postcss) & [cssnext](http://cssnext.io/) - [rework](https://github.com/reworkcss/rework) & [myth](http://www.myth.io/) ##### References: - [css3test.com](http://css3test.com/) - [css4-selectors.com](http://css4-selectors.com/) - [css3clickchart.com](http://css3clickchart.com/) - [cssvalues.com](http://cssvalues.com/) - [CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE](http://csstriggers.com/) - [MDN CSS reference](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) - [overapi.com CSS cheatsheet](http://overapi.com/css/) ##### Linting/hinting: - [CSS Lint](http://csslint.net/) - [stylelint](http://stylelint.io/) ##### Code formatter/beautifier: - [CSScomb](https://github.com/csscomb/csscomb.js) - [cssfmt](https://github.com/morishitter/cssfmt) ##### Optimizer: - [csso](http://css.github.io/csso/) - [clear-css](https://github.com/jakubpawlowicz/clean-css) - [cssnano](http://cssnano.co/) ##### Online creation/generation/experimentation tools: - [Ultimate CSS Gradient Generator](#) - [Enjoy CSS](http://enjoycss.com/) - [CSS matic](http://www.cssmatic.com/) - [patternify.com](#) - [patternizer.com](http://patternizer.com/) - [CSS arrow please](http://cssarrowplease.com/) - [flexplorer](http://bennettfeely.com/flexplorer/) - [Flexbox Playground](https://scotch.io/demos/visual-guide-to-css3-flexbox-flexbox-playground) ##### Architecting CSS: - [oocss](http://oocss.org/) [read] - [SMACSS](https://smacss.com/) [read][$] - [Atomic Design](http://atomicdesign.bradfrost.com/) [read] ##### Authoring conventions: - [idiomatic-css](https://github.com/necolas/idiomatic-css) [read] - [CSS code guide](http://codeguide.co/#css) [read] - [cssguidelin.es](http://cssguidelin.es/) [read] - [Google HTML/CSS Style Guide](http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#General_Formatting) ##### Trending CSS repositories on Github this month: [https://github.com/trending?l=css&since=monthly](https://github.com/trending?l=css&since=monthly)