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
3k
14
Share
CSS – You’ve Been Doing It Wrong
CSS – You’ve Been Doing It Wrong, Hey!Stac, Leeds. June 2013.
Harry Roberts
June 04, 2013
More Decks by Harry Roberts
See All by Harry Roberts
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
360
Site-Speed That Sticks
csswizardry
13
1.2k
How to Think Like a Performance Engineer
csswizardry
28
2.6k
cache rules everything
csswizardry
5
3.7k
My Website Is Slow! Where Do I Start?
csswizardry
5
570
Optimising Largest Contentful Paint
csswizardry
37
3.7k
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.9k
Other Decks in Design
See All in Design
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.8k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
360
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
280
20251128_武蔵野美術大学InnovationDay_参加型の未来
a2k
1
100
2026年の勢い / Momentum for 2026
bebe
0
430
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.7k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
320
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
230
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.1k
kintone Style Book
kintone
6
13k
AI時代に求められるUXデザインのアプローチ
xtone
1
3.3k
Ralph Penel Portfolio
ralphpenel
0
420
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
23k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
360
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
The Limits of Empathy - UXLibs8
cassininazir
1
320
Everyday Curiosity
cassininazir
0
200
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.9k
RailsConf 2023
tenderlove
30
1.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
The Cost Of JavaScript in 2023
addyosmani
55
9.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
Designing Experiences People Love
moore
143
24k
Music & Morning Musume
bryan
47
7.2k
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 @