Post thumbnail: HTML / CSS Style Guides

HTML / CSS Style Guides

A collection of hand-picked HTML and CSS style guides.


Related Articles

  1. Sass Style Guides
  2. JavaScript Style Guides
  3. React Style Guides

Demo image: Google HTML/CSS Style Guide

Date

Author

Google

About the style guide

Google HTML / CSS Style Guide

This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.

Demo image: CSS Guidelines

Date

Author

Harry Roberts

About the style guide

CSS Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSS.

Demo image: Code Guide

Date

Author

Mark Otto

About the style guide

Code Guide

Standards for developing consistent, flexible, and sustainable HTML and CSS.

Demo image: The complete CSS Style Guide for your next project

Date

Author

Giulio Andreini

About the style guide

The complete CSS Style Guide for your next project

I first drafted this CSS Style Guide some years ago while working on Pundit and Muruca. Since that first version, I’ve been constantly updating it and adding new sections. This Style Guide reflects how we manage and write CSS at Net7 and it’s a crucial resource to keep projects maintainable, especially complex, long term projects and design systems’ code. The Style Guide is also a good resource to involve new developers to the team and align them to our way of writing CSS.

Demo image: Principles of writing consistent, idiomatic CSS

Date

Author

Nicolas Gallagher

About the style guide

Principles of writing consistent, idiomatic CSS

The following document outlines a reasonable style guide for CSS development. These guidelines strongly encourage the use of existing, common, sensible patterns. They should be adapted as needed to create your own style guide.

Demo image: Airbnb CSS / Sass Styleguide

Date

Author

Airbnb

About the style guide

Airbnb CSS / Sass Styleguide

A mostly reasonable approach to CSS and Sass.

Demo image: Frontend Guidelines

Date

Author

Benjamin De Cock

About the style guide

Frontend Guidelines

Some HTML, CSS and JS best practices.

Demo image: Dropbox (S)CSS Style Guide

Date

Author

Dropbox

About the style guide

Dropbox (S)CSS Style Guide

Dropbox’s (S)CSS authoring style guide.

Demo image: HTML Style Guide

Date

Author

Marco Biedermann

About the style guide

HTML Style Guide

A style guide which helps you write better, performant, structured, scalable and maintainable HTML.

back to top