Iterate through these rules whenever making any changes.
Layout
- Mobile first without hindering desktop
- No sidebars
Behaviors
- No hover-to-reveal
Assets
- All images must be retina-ready
- All images must include original source files
- Anything that can be SVG, must be SVG
- Think long and hard about adding any JS
CSS
- No mention of pixels besides borders. Only ems or percentages.
- CSS selectors must not relate to HTML structure
- No nesting beyond 2 levels deep
- All colors must be variables
- Keep layout separate from styling
- No importants
- No ID selectors
- Only use negative margins as a last resort
- All loaded fonts must start with properly-sized fallbacks
Updating
- Must be easy
- 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
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--