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
Future of Preprocessors
Search
Roy Tomeij
June 14, 2016
Technology
0
140
Future of Preprocessors
Smashing Conference NYC 2016
Roy Tomeij
June 14, 2016
Tweet
Share
More Decks by Roy Tomeij
See All by Roy Tomeij
Empathy through Acting
roy
1
97
What (Not) to Do
roy
0
80
You and the Big Stage
roy
0
44
Make Them Click
roy
0
230
0 to 80 in 40 Minutes
roy
2
210
The Future of CSS Isn't CSS
roy
5
970
Sass: With Great Power Comes Great Responsibility
roy
0
330
Front-End: Fun, Not Frustration
roy
1
1k
Sass in the Real World
roy
2
510
Other Decks in Technology
See All in Technology
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
250
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
210
オブジェクトのおしゃべり大失敗 メッセージングアンチパターン集 / messaging anti-pattern collection
ytake
0
330
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
680
KTC_DBRE.pdf
_awache
1
290
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
160
OpenTelemetry実践 はじめの一歩
taxin
0
320
Cloud Friendly(?) Jenkins. How we failed to make Jenkins cloud native and what we learned?
onenashev
PRO
0
110
Autopsy of a Cascading Outage from a MySQL Crashing Bug
jfg956
0
200
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
yuitosato
29
12k
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
860
Vos logs méritent mieux que la config par défaut
lyrixx
2
360
Featured
See All Featured
Debugging Ruby Performance
tmm1
68
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Designing for humans not robots
tammielis
247
25k
How to Ace a Technical Interview
jacobian
272
22k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Practical Orchestrator
shlominoach
180
9.7k
BBQ
matthewcrist
78
8.7k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
A Tale of Four Properties
chriscoyier
150
22k
Teambox: Starting and Learning
jrom
126
8.4k
What the flash - Photography Introduction
edds
64
11k
Transcript
The Future of Preprocessors
@Roy
None
None
2 0 0 6
None
None
None
0607080910111213141516
0607080910111213141516 Made CSS Great Again
0607080910111213141516
0607080910111213141516
0607080910111213141516
0607080910111213141516
0607080910111213141516
0607080910111213141516
how about css features?
0607080910111213141516 CSS Animations Proposed
0607080910111213141516 CSS Animations -webkit- in Chrome
0607080910111213141516 CSS Animations in Internet Explorer
0607080910111213141516 CSS Animations without -webkit-
0607080910111213141516 CSS Animations still Working Draft
why so long?
None
Idea
Write Editor's Draft
Browsers may experiment with implementing
Write Working Draft
Browsers start implementing
Candidate Recommendation
Two correct, independent implementations
Recommendation
None
Idea
Natalie approves
It's implemented
Works in all browsers
Sass gave us the featureS we needeD. Fast.
CSS is catching up
calc(100% - 80px)
Custom Properties
None
Sass > CSS CSS > Sass
#languagedesign
@if media(...) { ... }
No more preprocessors
Variables, nesting, placeholders, extend, mixins, functions, control structures, lists/maps, math,
...
Programming in your CSS
CSS is a machine language
Creativity > Repetition
Configuration > Search & replace
Fun > Frustration
Sass is great for non-developers too
Don't overdo it
The following code was copy & pasted by trained monkeys.
Do not try this at home.
None