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

Thinking in patterns - London Sass version

D36d2c1821af9249b69ff7f5ed60529b?s=47 Tammie Lister
February 14, 2016

Thinking in patterns - London Sass version

This is an iteration on my thinking in patterns talk for London Sass in Feb 2016.

D36d2c1821af9249b69ff7f5ed60529b?s=128

Tammie Lister

February 14, 2016
Tweet

Transcript

  1. THINKING IN PATTERNS

  2. None
  3. Atomic Style Guide Component Pattern Library

  4. None
  5. None
  6. EVOLUTION

  7. None
  8. None
  9. school /s/-/k/-/oo/-/l/

  10. A successful person isn't necessarily be er than her less

    successful peers at solving problems; her pa ern-recognition facilities have just learned what problems are worth solving. - RAY KURZWEIL
  11. DESIGN

  12. To work our way towards a shared language once again,

    we must first learn how to discover pa erns which are deep, and capable of generating life. - CHRISTOPHER ALEXANDER
  13. PATTERNS

  14. None
  15. None
  16. ui-pa erns.com/pa erns

  17. None
  18. PATTERN ANALYSIS

  19. None
  20. None
  21. Everything should begin with research

  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. PATTERN LIBRARY?

  30. Speed

  31. Iteration

  32. Consistency

  33. we define our design in a single location and use

    a system to cascade it down to all platforms. We call it our Single Source of Truth. - LIVING DESIGN SYSTEMS @SALES FORCE
  34. Understanding

  35. THEME pa ern library

  36. Pa ern library : WITHOUT DESIGN Style guide : WITH

    DESIGN
  37. None
  38. not a design process. It’s manufacturing. It’s a cupcake machine

    churning out identical cakes with different icing. But they all taste the same. - MARK BOULTON
  39. None
  40. = RJ : NYC Lego Street Art

  41. Colville -Anderson

  42. Colville -Anderson Eirik Newth

  43. Nathan Sawaya

  44. None
  45. The Art of the Brick Expo

  46. Without foundations, there can be no fashion. - CHRISTIAN DIOR

  47. Always leave your library OPEN

  48. None
  49. None
  50. James F Clay

  51. None
  52. components.underscores.me github.com/Automa ic/theme-components

  53. None
  54. SASS in components

  55. None
  56. None
  57. ??

  58. ??

  59. Jeff Eaton

  60. None
  61. Tammie Lister @karmatosed THANKS, ANY QUESTIONS?

  62. RESOURCES h p://pa ernlab.io/resources.html h p://clearleft.com/thinks/165 h p://ui-pa erns.com/ h

    p://styleguides.io h ps://medium.com/@bradhaynes/designing-products-that-scale- c8f3001f709b h p://markboulton.co.uk/journal/design-abstraction-escalation