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
Tammie Lister
February 14, 2016
Design
2
530
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
820
CSS in the editor
tammielis
0
200
Global styles the story so far
tammielis
1
570
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
950
Being Brave
tammielis
2
1.4k
Lessons from growing design in the open
tammielis
0
830
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
530
Opportunity of Open Source
tammielis
0
490
Other Decks in Design
See All in Design
改正障害者差別解消法の概要説明
securecat
0
130
複業クラウド Brand Guidelines
designdoor
0
110
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
870
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
160
Les petites aventures de CSS, saison 2024
goetter
2
3.7k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
9k
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
220
Designing and Automating Component Specifications
nathanacurtis
3
310
Sensitive Texter Storyboard
ctagulao98
0
160
Mitra Manual
nnidhz
0
140
decksh object reference
ajstarks
2
990
Sci-Fi: Descenso
elrtovar
0
200
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
Web development in the modern age
philhawksworth
203
10k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
A better future with KSS
kneath
231
17k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
The Language of Interfaces
destraynor
151
23k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
325
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
The Invisible Customer
myddelton
117
13k
Ruby is Unlike a Banana
tanoku
96
10k
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