Awesome CSS

A curated list of awesome CSS resources. Inspired by awesome-php and awesome-python

Table of Contents

• Reset CSS
• Framework
• Preprocessor
  • Benchmark
• Architecture
• Tools
• Websites and resources
  • Websites
  • Validation
  • Twitter
• Other awesome lists
• Contributing

Reset CSS

• CSS Reset - YUI Library
• Normalize.css
• HTML5 Reset Stylesheet - html5 Doctor
• Eric Meyer’s “Reset CSS” 2.0
• CSS Reset

Framework

• Bootstrap
  • Bootswatch
  • Boot Metro
  • jQuery UI Bootstrap
  • jQuery Mobile Twitter Bootstrap Theme
  • PaintStrap
  • Fbootstrapp
  • Flat UI
  • Flatstrap
  • Bootstrap Themes
• Foundation
• Pure
• Gumby
• Bourbon NEAT
• centurion
• HTML KickStart
• GroundworkCSS 2
• Kube
• Base
• IVORY Framework

Preprocessor

• Sass
• Less
• Stylus
• rework
• libsass
• r.js

Benchmark

• CSS Preprocessor Benchmark

Architecture

• OOCSS - Object Oriented CSS
• ACSS - Atomic CSS
• oCSS - organic cascade style sheet
• SMACSS - Scalable and Modular Architecture for CSS
• BEM - Block, Element, Modifier

Tools

GUI Preprocessor

• CodeKit
• SCOUT
• Koala
• Prepros
• compass.app

CUI Preprocessor

Grunt

• grunt-contrib-sass
• grunt-contrib-less
• grunt-contrib-stylus

gulp

• gulp-sass
• gulp-less
• gulp-stylus

Websites and resources

Websites

• W3C CSS Page
• CSS developer guide from MDN
• HTML5 & CSS Development and Resources

Validation

• W3C CSS Validation Service

Twitter

• @CSS
• @CSS Weekly

Other awesome lists

• awesome-awesomeness

Contributing

Your contributions are always welcome!