DokuWiki

This is an old revision of the document!

---

1. Introduction
   1. The Importance of a Styleguide
   2. Disclaimers
2. Syntax and Formatting
   1. Multiple Files
   2. Table of Contents
   3. 80 Characters Wide
   4. Titling
   5. Anatomy of a Ruleset
   6. Multi-line CSS
   7. Indenting
      1. Indenting Sass
      2. Alignment
   8. Meaningful Whitespace
   9. HTML
3. Commenting
   1. High-level
      1. Object–Extension Pointers
   2. Low-level
   3. Preprocessor Comments
   4. Removing Comments
4. Naming Conventions
   1. Hyphen Delimited
   2. BEM-like Naming
      1. Starting Context
      2. More Layers
      3. Modifying Elements
   3. Naming Conventions in HTML
   4. JavaScript Hooks
      1. data-* Attributes
   5. Taking It Further
5. CSS Selectors
   1. Selector Intent
   2. Reusability
   3. Location Independence
   4. Portability
      1. Quasi-Qualified Selectors
   5. Naming
      1. Naming UI Components
   6. Selector Performance
      1. The Key Selector
   7. General Rules
6. Specificity
   1. IDs in CSS
   2. Nesting
   3. !important
   4. Hacking Specificity
7. Architectural Principles
   1. High-level Overview
   2. Object-orientation
   3. The Single Responsibility Principle
   4. The Open/Closed Principle
   5. DRY
   6. Composition over Inheritance
   7. The Separation of Concerns
      1. Misconceptions