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
Code like a #FashionVictim
Search
David Nowinsky
April 18, 2014
Programming
0
990
Code like a #FashionVictim
Beautiful code with CoffeeScript, Jade, LESS
David Nowinsky
April 18, 2014
Tweet
Share
More Decks by David Nowinsky
See All by David Nowinsky
Angular on speed
davinov
0
49
ngParis #12 - Devops Metrix
davinov
0
89
Devops Metrix
davinov
0
1.1k
Angular <3 APIs
davinov
1
1.2k
Investment opportunities in regulated ICT sector
davinov
0
63
ETIC - Le vote en ligne
davinov
0
65
Other Decks in Programming
See All in Programming
Google Opalで使える37のライブラリ
mickey_kubo
3
150
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
310
Six and a half ridiculous things to do with Quarkus
hollycummins
0
220
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
zsmb
0
220
三者三様 宣言的UI
kkagurazaka
0
250
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
160
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
300
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
910
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
440
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
510
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
200
NIKKEI Tech Talk#38
cipepser
0
280
Featured
See All Featured
A Tale of Four Properties
chriscoyier
161
23k
Mobile First: as difficult as doing things right
swwweet
225
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
91
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Optimizing for Happiness
mojombo
379
70k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Building an army of robots
kneath
305
46k
Code Review Best Practice
trishagee
72
19k
Transcript
Code like a #FashionVictim Beautiful code with CoffeeScript, Jade, LESS
Atelier technique #3 18 avril 2014
Hello David Nowinsky @davinov
Browers are like old trees...
Browers are like old trees... New things HTML5 CSS3 Old
roots JavaScript HTML CSS
HTML, JavaScript & CSS are cool
HTML, JavaScript & CSS are cool but...
HTML, JavaScript & CSS are cool but... #FashionPolice
fs.readdir(source, function(err, files) { if (err) { console. log('Error finding
files: ' + err) } else { files.forEach(function(filename, fileIndex) { console. log(filename) gm(source + filename).size( function(err, values) { if (err) { console. log('Error identifying file size: ' + err) } else { console. log(filename + ' : ' + values) aspect = (values.width / values.height) widths. forEach(function(width, widthIndex) { height = Math.round(width / aspect) console. log('resizing ' + filename + 'to ' + height + 'x' + height) this.resize(width, height).write(destination + 'w' + width + '_' + filename, function(err) { if (err) console. log('Error writing file: ' + err) }) }.bind( this)) } }) }) } }) HTML, JavaScript & CSS are cool but... #WTF
HTML, JavaScript & CSS are cool but... #PleaseDont
This is beautiful code def complex_function (a, b, c): if
not a: return None # Raising an exception might be better if not b: return None # Raising an exception might be better if not x: # Some Plan-B computation of x return x # One single exit point short clean use indentation
But bowsers don’t run it :-(
Welcome your saviors
JavaScript without the mess
HTML clean and readable
What CSS should be
Make up with the browser ? ?
Make up with the browser or or
Real life examples
Merci David Nowinsky @davinov Code like a #FashionVictim