CSS Tools
Desktop & mobile CSS frameworks:
- Semantic UI
- Foundation
- Bootstrap
- Metro UI
- Pure.css
- Concise
- Materialize
- Material Design Lite (MDL)
- Base
Mobile only CSS frameworks:
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/
Transpiling:
References:
- css3test.com
- css4-selectors.com
- css3clickchart.com
- cssvalues.com
- CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE
- MDN CSS reference
- overapi.com CSS cheatsheet
Linting/hinting:
Code formatter/beautifier:
Optimizer:
Online creation/generation/experimentation tools:
- Ultimate CSS Gradient Generator
- Enjoy CSS
- CSS matic
- patternify.com
- patternizer.com
- CSS arrow please
- flexplorer
- Flexbox Playground
Architecting CSS:
- oocss [read]
- SMACSS [read][$]
- Atomic Design [read]
Authoring conventions:
- idiomatic-css [read]
- CSS code guide [read]
- cssguidelin.es [read]
- Google HTML/CSS Style Guide