What to do...
On this page I want to write about the following subjects:
- Designing in the browser
- Content first approach (or is this workflow?)
- Designing with style guides and patterns
- The mathematical aspect of design, using grids and modular scaling
- Atomic Design
- Element Collages
- Hack Smart Objects to Create Dynamic Sprites
- Style Tiles
- Webdesigners Checklist
- Responsive Deliverables
- Design Guidelines (A collection)
- A List Apart
- Code for America
- Nachos by Trello
- Photon Design System
- Voice and Tone by MailChimp
- Atomic Docs
- Design Manual
- Kalei Styleguide
- Material Design
- Pattern Lab
- SC5 Styleguide
- Style Guide Guide
- Stylify Me
- Symbols and Styleguides
- Using Handlebars.js Templates in the LivingStyleGuide by hagenburger
- Styleguide driven development by Envato
- Style Guide Best Practices by Brad Frost
(still have to process this info :P)
- Pattern Primer / preview?
- Style Guide Boilerplate
- Pears - not active anymore?
- Rock Hammer - article
- Responsive Patterns
- Designer Theme Style Guide
- Bodymoovin - After effects to html library.
- Flubber - Tools for smoother shape animations.
- Keyshapes - Create animated vector graphics.
- Pattern Lab Create atomic design systems
- Brad Frost: Atomic Design (Webdagene 2014) on Vimeo
- Carbon Design systems
- Modular scale - example
- Composing the new canon
- More meaningful typography
- Building Sparkbox
- Gridlover The tool to establish a typographic system with modular scale and vertical rhythm.