# 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)
- Introduction
- What is a front-end developer?
- Part I: The front-end practice
- Front-end jobs titles
- Common web tech employed
- Front-end dev skills
- Front-end devs develop for...
- Front-end on a team
- Generalist myth
- Front-end interview questions
- Front-end job boards
- Front-end salaries
- How FD's are made
- Part II: Learning front-end dev
- Self directed learning
- Learn internet/web
- Learn web browsers
- Learn DNS
- Learn HTTP/networks
- Learn web hosting
- Learn general front-end dev
- Learn UI/interaction design
- Learn HTML & CSS
- Learn SEO
- Learn JavaScript
- Learn DOM, BOM & jQuery
- Learn web fonts
- Learn accessibility
- Learn web/browser API's
- Learn JSON
- Learn front-end app architecture
- Learn Interface/API design
- Learn web dev tools
- Learn command line
- Learn node.js
- Learn module loader
- Learn package managers
- Learn version control
- Learn build & task automation
- Learn site performance optimization
- Learn JS testing
- Learn headless browsers
- Learn offline dev
- Learn security
- Learn multi-thing dev (e.g. RWD)
- Directed learning
- front-end schools, courses, & bootcamps
- Front-end devs to learn from
- Newsletters, news, & podcasts
- Part III: Front-end dev tools
- General front-end dev tools
- SEO tools
- Prototyping & wireframing tools
- Diagramming tools
- HTTP/network tools
- Code editing tools
- Browser tools
- HTML tools
- CSS tools
- DOM tools
- JavaScript tools
- App (desktop, mobile, tablet etc..) tools
- Templating tools
- UI/widget tools
- JSON tools
- Testing framework tools
- Data storage tools
- Module/package loading tools
- Module/package repo. tools
- Web/cloud/static hosting tools
- Project management & code hosting
- Collaboration & communication tools
- CMS hosted/API tools
- BAAS (for front-end devs) tools
- Offline tools
- Security tools
- Tasking (aka build) tools
- Deployment tools
- Site/app monitoring tools
- JS error monitoring tools
- Performance tools