Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dmitry/awesome-css

A collection of awesome CSS libraries, tools, frameworks and software
https://github.com/dmitry/awesome-css

List: awesome-css

Last synced: 8 days ago
JSON representation

A collection of awesome CSS libraries, tools, frameworks and software

Awesome Lists containing this project

README

        

Awesome CSS
===========

A curated list of awesome CSS resources. Inspired by [awesome-php](https://github.com/ziadoz/awesome-php) and [awesome-python](https://github.com/vinta/awesome-python)

## Table of Contents

- [Reset CSS](#reset-css)
- [Framework](#framework)
- [Preprocessor](#preprocessor)
- [Benchmark](#benchmark)
- [Architecture](#architecture)
- [Tools](#tools)
- [Websites and resources](#websites-and-resources)
- [Websites](#website)
- [Validation](#validation)
- [Twitter](#twitter)
- [Other awesome lists](#other-awesome-lists)
- [Contributing](#contributing)

## Reset CSS

* [CSS Reset - YUI Library](http://yuilibrary.com/yui/docs/cssreset/)
* [Normalize.css](http://necolas.github.io/normalize.css/)
* [HTML5 Reset Stylesheet - html5 Doctor](http://html5doctor.com/html-5-reset-stylesheet/)
* [Eric Meyer’s “Reset CSS” 2.0](http://meyerweb.com/eric/tools/css/reset/)
* [CSS Reset](http://www.cssreset.com/)

## Framework

* [Bootstrap](http://getbootstrap.com/)
* [Bootswatch](http://bootswatch.com/)
* [Boot Metro](http://aozora.github.io/bootmetro/)
* [jQuery UI Bootstrap](http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/)
* [jQuery Mobile Twitter Bootstrap Theme](http://andymatthews.net/code/jQuery-Mobile-Bootstrap-Theme/)
* [PaintStrap](http://paintstrap.com/)
* [Fbootstrapp](http://ckrack.github.io/fbootstrapp/)
* [Flat UI](http://designmodo.github.io/Flat-UI/)
* [Flatstrap](http://www.flatstrap.org/)
* [Bootstrap Themes](http://www.portnine.com/bootstrap-themes)
* [Foundation](http://foundation.zurb.com/)
* [Pure](http://purecss.io/)
* [Gumby](http://gumbyframework.com/)
* [Bourbon NEAT](http://neat.bourbon.io/)
* [centurion](http://www.centurionframework.com/)
* [HTML KickStart](http://www.99lime.com/)
* [GroundworkCSS 2](http://groundworkcss.github.io/)
* [Kube](http://imperavi.com/kube/)
* [Base](http://matthewhartman.github.io/base/)
* [IVORY Framework](http://weice.in/ivory/)

## Preprocessor

* [Sass](http://sass-lang.com/)
* [Less](http://lesscss.org/)
* [Stylus](http://learnboost.github.io/stylus/)
* [rework](https://github.com/reworkcss/rework)
* [libsass](http://libsass.org/)
* [r.js](https://github.com/jrburke/r.js)

### Benchmark

* [CSS Preprocessor Benchmark](http://www.solitr.com/blog/2014/01/css-preprocessor-benchmark/)

## Architecture

* [OOCSS](http://github.com/stubbornella/oocss/wiki) - Object Oriented CSS
* [ACSS](https://www.lucidchart.com/techblog/2014/01/31/atomic-css-tool-set/) - Atomic CSS
* [oCSS](http://krasimir.github.io/organic-css/) - organic cascade style sheet
* [SMACSS](http://smacss.com/) - Scalable and Modular Architecture for CSS
* [BEM](http://bem.info/) - Block, Element, Modifier

## Tools

### GUI Preprocessor

* [CodeKit](https://incident57.com/codekit/)
* [SCOUT](http://mhs.github.io/scout-app/)
* [Koala](http://koala-app.com/)
* [Prepros](http://alphapixels.com/prepros/)
* [compass.app](http://compass.kkbox.com/)

### CUI Preprocessor

#### Grunt

* [grunt-contrib-sass](https://github.com/gruntjs/grunt-contrib-sass)
* [grunt-contrib-less](https://github.com/gruntjs/grunt-contrib-less)
* [grunt-contrib-stylus](https://github.com/gruntjs/grunt-contrib-stylus)

#### gulp

* [gulp-sass](https://github.com/dlmanning/gulp-sass)
* [gulp-less](https://www.npmjs.org/package/gulp-less/)
* [gulp-stylus](https://github.com/stevelacy/gulp-stylus)

## Websites and resources

### Websites

* [W3C CSS Page](http://www.w3.org/Style/CSS/)
* [CSS developer guide from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS)
* [HTML5 & CSS Development and Resources](http://oreilly.com/css-html/)

### Validation

* [W3C CSS Validation Service](http://www.w3.org/Style/CSS/)

### Twitter

* [@CSS](https://twitter.com/css)
* [@CSS Weekly](https://twitter.com/CSSWeekly)

## Other awesome lists

* [awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness)

## Contributing

Your contributions are always welcome!