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
CSS – You’ve Been Doing It Wrong
Search
Harry Roberts
June 04, 2013
Design
14
3k
CSS – You’ve Been Doing It Wrong
CSS – You’ve Been Doing It Wrong, Hey!Stac, Leeds. June 2013.
Harry Roberts
June 04, 2013
Tweet
Share
More Decks by Harry Roberts
See All by Harry Roberts
Site-Speed That Sticks
csswizardry
13
1k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
cache rules everything
csswizardry
5
3.6k
My Website Is Slow! Where Do I Start?
csswizardry
5
530
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Get Your Head Straight
csswizardry
15
21k
From Milliseconds to Millions: A Look at the Numbers Powering Web Performance
csswizardry
1
2.7k
More Than You Ever Wanted to Know About Resource Hints
csswizardry
6
9.7k
It’s My (Third) Party, and I’ll Cry if I Want To
csswizardry
13
5.7k
Other Decks in Design
See All in Design
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.8k
2026年の勢い / Momentum for 2026
bebe
0
170
Correspondence:共に生成していく過程
akiramotomura
0
180
Vibe Coding デザインシステム
poteboy
3
1.6k
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
0
190
TWCP#21 UXデザインと哲学のはなし
shinn
0
250
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
190
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
390
Treasure_Hunting
solmetts
0
190
Franks Myth
gfht1
0
400
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
0
1.1k
Diverse Design Team Deck
diverse
0
410
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
140
Automating Front-end Workflow
addyosmani
1371
200k
Tell your own story through comics
letsgokoyo
1
790
Music & Morning Musume
bryan
46
7k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
115
100k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
68
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
How to Ace a Technical Interview
jacobian
281
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Transcript
CSS – You’ve Been Doing It Wrong
Harry Roberts @csswizardry @
None
CSS – You’ve Been Doing It Wrong
Should designers code?
Sure! But not as designers.
‘We all know developers shouldn’t design.’
1955: FORTRAN
1996: CSS
Programmers have had a 41 year head start!
We should listen to developers.
Abstractions
Object orientation
Performance first
DRY
Single Responsibility Principle
KISS
CSS != ‘Code’
DRYness
DRYness Robustness
DRYness Scalability Robustness
DRYness Scalability Robustness Performance
DRYness Scalability Maintainability Robustness Performance
DRYness Efficiency Scalability Maintainability Robustness Performance
DRYness Efficiency Scalability Maintainability Modularity Robustness Performance
DRYness Efficiency Scalability Maintainability Modularity Robustness Portability Performance
DRYness Efficiency Scalability Maintainability Readability Modularity Robustness Portability Performance
Over engineered
Complex
Spaghetti code
Developers have been listening to designers :(
<?= date("Y") ?>
‘No extra markup!’
‘Semantic classes!’
Prettiness
Hand crafting
Gold plating
Complexity
CSS is pretty poor…
…but you can write it better.
Write CSS with a developer’s mind.
CSS – You’ve Been Doing It Wrong
Harry Roberts @csswizardry @