Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Thinking in patterns - London Sass version
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Tammie Lister
February 14, 2016
Design
2
730
Thinking in patterns - London Sass version
This is an iteration on my thinking in patterns talk for London Sass in Feb 2016.
Tammie Lister
February 14, 2016
Tweet
Share
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
1.1k
CSS in the editor
tammielis
0
340
Global styles the story so far
tammielis
1
860
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
1.4k
Being Brave
tammielis
2
1.7k
Lessons from growing design in the open
tammielis
0
1.1k
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
830
Opportunity of Open Source
tammielis
0
680
Other Decks in Design
See All in Design
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
kintone Style Book
kintone
6
10k
DESIGNEAST 2025 A-3
_kotobuki_
0
130
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
390
maki setoguchi
maki_setoguchi
0
660
Shaolin_Showdown
solmetts
0
290
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
decksh object reference
ajstarks
2
1.5k
Correspondence:共に生成していく過程
akiramotomura
0
190
Emmy's Artwork
mcksmith
0
200
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
1
260
ドルちゃん
design_dolphins
0
550
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
420
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
650
Statistics for Hackers
jakevdp
799
230k
Building AI with AI
inesmontani
PRO
1
700
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
How to train your dragon (web standard)
notwaldorf
97
6.5k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
67
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
93
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Transcript
THINKING IN PATTERNS
None
Atomic Style Guide Component Pattern Library
None
None
EVOLUTION
None
None
school /s/-/k/-/oo/-/l/
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
DESIGN
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
PATTERNS
None
None
ui-pa erns.com/pa erns
None
PATTERN ANALYSIS
None
None
Everything should begin with research
None
None
None
None
None
None
None
PATTERN LIBRARY?
Speed
Iteration
Consistency
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
Understanding
THEME pa ern library
Pa ern library : WITHOUT DESIGN Style guide : WITH
DESIGN
None
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
None
= RJ : NYC Lego Street Art
Colville -Anderson
Colville -Anderson Eirik Newth
Nathan Sawaya
None
The Art of the Brick Expo
Without foundations, there can be no fashion. - CHRISTIAN DIOR
Always leave your library OPEN
None
None
James F Clay
None
components.underscores.me github.com/Automa ic/theme-components
None
SASS in components
None
None
??
??
Jeff Eaton
None
Tammie Lister @karmatosed THANKS, ANY QUESTIONS?
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