Home

Awesome

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:

<!-- Used for the "back to top" links within the document --> <div id="contents"></div>

Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> <!-- END doctoc generated TOC please keep comment here to allow auto update -->

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:

<sub>⇧ back to top</sub>

Preprocessors :pill:

Write CSS faster

<sub>⇧ back to top</sub>

Frameworks :art:

You can find more frameworks at "awesome-css-frameworks"

<sub>⇧ back to top</sub>

Toolkits :wrench:

<sub>⇧ back to top</sub>

Reset and Normalize

<sub>⇧ back to top</sub>

CSS Development at Large-Scale Websites

<sub>⇧ back to top</sub>

Code Style Guidelines :book:

<sub>⇧ back to top</sub>

Style Guide

View more style guides at Website Style Guide Resources

<sub>⇧ back to top</sub>

Style Guide Generators :slot_machine:

<sub>⇧ back to top</sub>

Naming conventions & Methodologies :bulb:

<sub>⇧ back to top</sub>

CSS in JS

Here is a CSS in JS techniques comparison

<sub>⇧ back to top</sub>

CSS Polyfills

<sub>⇧ back to top</sub>

Miscellaneous

<sub>⇧ back to top</sub>

Podcasts :radio:

Something to listen to while programming.

<sub>⇧ back to top</sub>

Twitter :satellite:

Active accounts to follow.

<sub>⇧ back to top</sub>

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.

<sub>⇧ back to top</sub>

Books :books:

<sub>⇧ back to top</sub>

Tutorials :clapper:

<sub>⇧ back to top</sub>

Maintainers

@sotayamashita, @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.