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
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
520
Reactの歴史を振り返る
tutinoko
1
140
Prompt Engineeringの再定義「Context Engineering」とは
htsuruo
0
110
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
210
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
4
710
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
160
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
530
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
290
TypeScriptでDXを上げろ! Hono編
yusukebe
3
870
React 使いじゃなくても知っておきたい教養としての React
oukayuka
13
1.5k
Jakarta EE Meets AI
ivargrimstad
0
380
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Agile that works and the tools we love
rasmusluckow
329
21k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Making Projects Easy
brettharned
117
6.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Adopting Sorbet at Scale
ufuk
77
9.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
GraphQLとの向き合い方2022年版
quramy
49
14k
RailsConf 2023
tenderlove
30
1.2k
Code Reviewing Like a Champion
maltzj
524
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Code Review Best Practice
trishagee
69
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