Inspired by the destroytoday wiki, these rules follow me from project to project.
Design
- Mobile and desktop deserve equal experiences
- No hover-to-reveal
- We’re only temporarily able, build accordingly
- More font weights, fewer fonts
Assets
- Compress everything
- Anything that can be SVG, must be SVG
- Think hard about adding any libraries
CSS
- The less CSS, the better
- All colors must be variables
- Keep layout separate from styling
- CSS selectors must not relate to HTML structure
- No nesting beyond 2 levels deep
- No importants or IDs
Misc
- Updating must be easy
- Leave the code better than when you found it
- Open source what you can
Thoughts? Share them with me at @alexjlehner.