Upgrade to Pro — share decks privately, control downloads, hide ads and more …

It's Alive: Designing in the browser with Sass

C1daf20e5c49ff910745198ef9869ac2?s=47 Chris Michel
February 25, 2014

It's Alive: Designing in the browser with Sass

This deck runs through a Sass workflow for modern web design. We shouldn't be designing a complete system in Photoshop anymore. People want to be able to interact with the design and we shouldn't be doing things twice. Find awesome Sass and Compass tools that fit within your workflow, visit www.sache.in to find or submit your own!

C1daf20e5c49ff910745198ef9869ac2?s=128

Chris Michel

February 25, 2014
Tweet

Transcript

  1. None
  2. None
  3. FROM A Hi, I’m Chris @hatefulcrawdad

  4. Santa Cruz

  5. Santa Cruz

  6. None
  7. A NEW PROCESS for web design is born

  8. What’s the Process?

  9. Figure out the flow

  10. Example Sketch

  11. Decide on Content

  12. Quick Sketches

  13. None
  14. Blog home

  15. Blog post

  16. Code!

  17. TOOLS USED to kill pixel-perfect Photoshop

  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. Thanks!