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
cache rules everything
csswizardry
1
2.1k
My Website Is Slow! Where Do I Start?
csswizardry
2
240
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Get Your Head Straight
csswizardry
13
17k
From Milliseconds to Millions: A Look at the Numbers Powering Web Performance
csswizardry
1
2.1k
More Than You Ever Wanted to Know About Resource Hints
csswizardry
6
8.5k
It’s My (Third) Party, and I’ll Cry if I Want To
csswizardry
13
5.1k
FaCSSt: CSS & Performance
csswizardry
26
3.7k
Vim for Front-end Developers
csswizardry
12
5.9k
Other Decks in Design
See All in Design
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.7k
decksh object reference
ajstarks
2
910
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
4
2.1k
B/43プラスカードができるまで
putchomsmartbank
0
460
root Design Partnership Policy
root_recruit
0
3.9k
TrollsTopia: Funtography- Part 1
kenijam
0
210
Sociotechnical design for software and human systems
xinyao
2
480
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
590
Portfolio 2023.07.28
helemarudesu
0
570
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
240
採用広報大会議登壇スライド
teamlab
PRO
1
200
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
110
Featured
See All Featured
Debugging Ruby Performance
tmm1
69
11k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
645
57k
Navigating Team Friction
lara
177
13k
A better future with KSS
kneath
230
16k
For a Future-Friendly Web
brad_frost
171
8.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
Ruby is Unlike a Banana
tanoku
95
10k
BBQ
matthewcrist
79
8.7k
The Mythical Team-Month
searls
214
42k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
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 @