Posted August 26th, 2019
CSS Style Guides
Following a CSS style guide can create a beautiful code base which will make any developer love working on a project. They enable a codebase to be flexible, easily scalable and very well documented for anyone to jump in and work on with other developers.
We’ve gathered together some CSS style guides that should give you a great start on creating your very over set of rules for your CSS or one for you to follow without having to start from scratch.
CSS Guidelines is written by Harry Roberts. High-level advice and guidelines for writing sane, manageable, scalable CSS.
Put together by Hugo Giraudel who has been writing Sass for several years and is the author of many Sass-related projects such as SassDoc, SitePoint Sass Reference and Sass-Compatibility.
Sass Guidelines is an in-depth style guide for writing sane, maintainable and scalable Sass.
Mark Otto, the creator of Bootstrap has put together a code guide for developing flexible, durable, and sustainable HTML and CSS.
Airbnb’s “reasonable approach to CSS and Sass.” A readme to how Airbnb style their Sass, they have also provided a
scss-lint.yml file to use in your own project.
Dropbox’s very own style guide they follow across their in-house projects.
This is the coding style guide Workable use for writing CSS & Sass in their projects.
Further reading about CSS Style Guides
If you’re looking to start a style guide for your CSS we’ve also compiled a list of great articles to read before jumping right into creating one.
- 5 things to consider when creating your CSS style guide
- The complete CSS Style Guide for your next project
Have a style guide that you think should be on this list? Leave us a comment!