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
960
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
43
ngParis #12 - Devops Metrix
davinov
0
81
Devops Metrix
davinov
0
1k
Angular <3 APIs
davinov
1
1.1k
Investment opportunities in regulated ICT sector
davinov
0
59
ETIC - Le vote en ligne
davinov
0
62
Other Decks in Programming
See All in Programming
Google's Recipe for Scaling (Web) Security – LocoMocoSec 2024
lweichselbaum
0
170
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
「2024年版 Kotlin サーバーサイドプログラミング実践開発」の補講 〜O/Rマッパー編〜
n_takehata
2
260
入社1ヶ月でここまでやった!Findy Toolsインフラ支援の最適化
rvirus0817
6
1.4k
継続的な活動で築く地方エンジニアの道
myamashii
2
360
今こそ始める、CDKコンストラクトライブラリ開発 ― 入門から実践まで
tmokmss
1
930
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
君たちはどうコードをレビューする (される) か / 大吉祥寺.pm
utgwkk
15
8.5k
Exploring the Gradually Lost Technical Skills in the Cloud Native Era
hwchiu
2
3.9k
生成AIをkintoneに連携してみた
hideg
0
230
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Agile that works and the tools we love
rasmusluckow
325
20k
Statistics for Hackers
jakevdp
792
220k
Typedesign – Prime Four
hannesfritz
37
2.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
The Invisible Customer
myddelton
117
13k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
What's new in Ruby 2.0
geeforr
338
31k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
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