Awesome CSS Awesome Travis Build Status

/* A curated list of awesome frameworks, style guides, and other cool nuggets for writing amazing CSS. */

Introduction

Motivation

This document is a curated list of frameworks, style guides, and cool nuggets of information for writing awesome CSS. It does not contain resources to learn CSS.

Complementary Resources

If you’re struggling with something CSS-related, look for answers within the following resources:

Table of Contents

CSS Working Group

The CSS Working Group creates and defines CSS specifications. These specifications are assigned maturity levels as they move through the design process. If you would like to learn more, visit CSS Working Group Page.

Editor’s Draft :black_nib:

Editor’s drafts of CSS specifications

Parsers :mag:

⇧ back to top

Preprocessors :pill:

Write CSS faster

⇧ back to top

Frameworks :art:

You can find more frameworks at “awesome-css-frameworks”

⇧ back to top

Toolkits :wrench:

⇧ back to top

CSS Structure

⇧ back to top

Reset and Normalize

⇧ back to top

CSS Development at Large-Scale Websites

⇧ back to top

Code Style Guidelines :book:

⇧ back to top

Style Guide

View more style guides at Website Style Guide Resources

⇧ back to top

Style Guide Generators :slot_machine:

⇧ back to top

Naming conventions & Methodologies :bulb:

⇧ back to top

CSS in JS

Here is a CSS in JS techniques comparison

⇧ back to top

CSS Polyfills

⇧ back to top

Miscellaneous

⇧ back to top

Podcasts :radio:

Something to listen to while programming.

⇧ back to top

Twitter :satellite:

Active accounts to follow.

⇧ back to top

Videos :tv:

*Good study videos from CSS Must Watch Videos. Some items are quoted from AllThingsSmitty/must-watch-css.

I told him on Twitter. I appreciate his valuable efforts.*

2019

  1. Next-Generation Web Styling - Una Kravets & Adam Argyle @ Chrome Dev Summit 2019.

2016

  1. Component-Based Style Reuse :page_facing_up: transcript :watch: 37:24 - Pete Hunt @ CSS conf 2016.
  2. CSS4 Grid: True Layout Finally Arrives :page_facing_up: transcript :watch: 29:27 - Jen Kramer @ CSS conf 2016.
  3. Houdini: Demystifying the Future of CSS :watch: 36:58 @ Google I/O 2016.

2015

  1. mdo-ular CSS :watch: 30:06 - Mark Otto @ jQuery UK.
  2. CSS Architecture with SMACSS :watch: 30:15 - Caleb Meredith @ DevTips channel.
  3. CSS Workflow from the Ground Up :watch: 46:06 - Jonathan Snook @ Generate conf 2015.

⇧ back to top

Books :books:

⇧ back to top

Tutorials :clapper:

⇧ back to top

Maintainers

[@sotayamashita]sotayamashita, [@Rishabh04-02]Rishabh04-02 and You!

Contribute

Feel free to dive in! Open an issue or submit PRs.

Awesome CSS follows the Contributor Covenant Code of Conduct.