prototyping your way to happiness
play

Prototyping Your Way to Happiness: An Adventure with Pattern Lab - PowerPoint PPT Presentation

Prototyping Your Way to Happiness: An Adventure with Pattern Lab @mandiwise We had a problem. What you get: Front-end style guide Markup-based mock-ups Responsive deliverables Atomic design? bradfrost.com/blog/post/atomic-web-design Icon


  1. Prototyping Your Way to Happiness: An Adventure with Pattern Lab @mandiwise

  2. We had a problem.

  3. What you get: Front-end style guide Markup-based mock-ups Responsive deliverables

  4. Atomic design?

  5. bradfrost.com/blog/post/atomic-web-design

  6. Icon by Phillip Glenn

  7. Icon by Michael Wohlwend

  8. Icon by Timothy Dilich

  9. Icon by Joe Simpson

  10. Atoms Molecules Organisms Templates Pages

  11. Benefits: Promotes consistency Makes minutia manageable BYO–anything Scales easily and quickly

  12. Getting started…

  13. Step 1: Download Pattern Lab

  14. Step 2: Generate your Pattern Lab site for the first time

  15. $ ¡php ¡core/builder.php ¡-­‑g

  16. Step 3: Start editing the source files

  17. $ ¡php ¡core/builder.php ¡-­‑wr

  18. Lessons learned: Incorporate it from the start Breaking things down into reusable components makes life easier Prototyping saves time

  19. Thanks!

Recommend


More recommend