Thinking in patterns - London Sass version

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