$30 off During Our Annual Pro Sale. View Details »

It's Alive: Designing in the browser with Sass

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!

Chris Michel

February 25, 2014
Tweet

More Decks by Chris Michel

Other Decks in Design

Transcript

  1. View Slide

  2. View Slide

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

    View Slide

  4. Santa Cruz

    View Slide

  5. Santa Cruz

    View Slide

  6. View Slide

  7. A NEW PROCESS
    for web design is born

    View Slide

  8. What’s the Process?

    View Slide

  9. Figure out the flow

    View Slide

  10. Example Sketch

    View Slide

  11. Decide on Content

    View Slide

  12. Quick Sketches

    View Slide

  13. View Slide

  14. Blog home

    View Slide

  15. Blog post

    View Slide

  16. Code!

    View Slide

  17. TOOLS USED
    to kill pixel-perfect Photoshop

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. View Slide

  25. View Slide

  26. View Slide

  27. View Slide

  28. Thanks!

    View Slide