Iterate through these rules whenever making any changes.

Layout

1. Mobile first without hindering desktop
2. No sidebars

Behaviors

1. No hover-to-reveal

Assets

1. All images must be retina-ready
2. All images must include original source files
3. Anything that can be SVG, must be SVG
4. Think long and hard about adding any JS

CSS

1. No mention of pixels besides borders. Only ems or percentages.
2. CSS selectors must not relate to HTML structure
3. No nesting beyond 2 levels deep
4. All colors must be variables
5. Keep layout separate from styling
6. No importants
7. No ID selectors
8. Only use negative margins as a last resort
9. All loaded fonts must start with properly-sized fallbacks

Updating

1. Must be easy
2. Must be able to be done from anywhere

• sidebar
• comments
• tweet buttons

• http://friendsoftheweb.com/
• http://www.strangenative.com/
• http://oak.is/thinking/
• http://yaronschoen.com/
• http://thegreatdiscontent.com/
• http://thekoan.org/
• http://37signals.com/svn
• http://frankchimero.com

info

• text with lists
• photo with text

blog post

• essay with photo
• announcement with logo or photo
• tutorial with source code
• tutorial with screenshots

project

• logo, description, link(s)
• logo, description, screenshots

list

• numbered text lists
• bulleted text lists
• thumbnail lists

• content-based variable color scheme

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--

--