Design

Desiiiiign

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

Interesting Articles

Style Guides

Examples

Projects

Articles

(still have to process this info :P)

Animation

  • Bodymoovin - After effects to html library.
  • Dynamics.js - JavaScript library to create physics-based animations
  • Flubber - Tools for smoother shape animations.
  • Keyshapes - Create animated vector graphics.

Atomic Design

Facebook images

Modular scale

Typography

Misc.

  • Coolhue - Handpicked gradient hues
  • Design Resources - Select websites, tools, assets, and readings for working in and learning about design
  • Inclusive Components - A blog trying to be a pattern library
  • Stencil - Magical, reusable web component generator