AVAILABLE NOW: Front-End Developer Handbook 2017

CSS Tools

Desktop & Mobile CSS Frameworks:

• Base
• Bootstrap
• Concise
• Foundation
• Material Design Lite (MDL)
• Materialize
• Metro UI
• Pure.css
• Semantic UI

Mobile Only CSS Frameworks:

• Ratchet

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.

— cssreset.com

• Eric Meyer's “Reset CSS” 2.0
• Normalize

Transpiling:

• pleeease.io
• PostCSS & cssnext
• rework & myth
• Sass/SCSS
• Stylus

References:

• css3test.com
• css3clickchart.com
• css4-selectors.com
• CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE
• cssvalues.com
• MDN CSS Reference
• OverAPI CSS cheatsheet

Linting/Hinting:

• CSS Lint
• stylelint

Code Formatter/Beautifier:

• CSScomb
• CSSfmt

Optimizer:

• clear-css
• cssnano
• CSSO

Online Creation/Generation/Experimentation Tools:

• CSS Arrow Please
• CSS Matic
• Enjoy CSS
• Flexbox Playground
• flexplorer
• patternify.com
• patternizer.com
• Ultimate CSS Gradient Generator

Architecting CSS:

• Atomic Design [read]
• OOCSS [read]
• SMACSS [read][$]

Authoring Conventions:

• CSS code guide [read]
• cssguidelin.es [read]
• Google HTML/CSS Style Guide
• Idiomatic CSS [read]
• MaintainableCSS [read]

Trending CSS Repositories on GitHub This Month:

https://github.com/trending?l=css&since=monthly