css.md

CSS Tools

CSS Utilities:

• Basscss
• Skeleton
• Shed
• Tailwind CSS
• Tachyons

CSS Frameworks (utilities + UI):

• Base
• Bulma
• Bootstrap 4
• Concise
• Foundation
• Material Design Lite (MDL)
• Metro UI
• Mini.css
• Mobi.css
• Picnic
• Pure.css
• Semantic UI
• Shoelace
• Spectre.css

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
• sanitize.css

Transpiling:

• pleeease.io
• PostCSS & cssnext
• rework & myth

References:

• CSS Cursors
• css3test.com
• css3clickchart.com
• cssreference.io
• CSS Indexes - A listing of every term defined by CSS specs
• css4-selectors.com
• css4 Rocks
• CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE
• CSS Tricks Almanac
• cssvalues.com
• MDN CSS Reference
• CSS Cheat Sheet

Linting/Hinting:

• CSS Lint
• stylelint

Code Formatter/Beautifier:

• CSScomb
• CSSfmt

Optimizer:

• clear-css
• cssnano
• CSSO
• purgecss

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]
• BEM
• ITCSS
• OOCSS [read]
• SMACSS [read][$]
  • Scalable Modular Architecture for CSS (SMACSS) [watch][$]
• SUIT CSS
• rscss

Authoring/Architecting Conventions:

• CSS code guide [read]
• css-architecture [read]
• cssguidelin.es [read]
• Idiomatic CSS [read]
• MaintainableCSS [read]
• Standards for Developing Flexible, Durable, and Sustainable HTML and CSS [read]
• Airbnb CSS / Sass Styleguide [read]

Style Guide Resources:

• Frontify [$]
• SC5 STYLE GUIDE GENERATOR
• styleguide-generators
• Catalog

Trending CSS Repositories on GitHub This Month:

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