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
160
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
110
What (Not) to Do
roy
0
91
You and the Big Stage
roy
0
68
Make Them Click
roy
0
280
0 to 80 in 40 Minutes
roy
2
240
The Future of CSS Isn't CSS
roy
5
1.1k
Sass: With Great Power Comes Great Responsibility
roy
0
380
Front-End: Fun, Not Frustration
roy
1
1.1k
Sass in the Real World
roy
2
520
Other Decks in Technology
See All in Technology
AIでテストプロセス自動化に挑戦する
sakatakazunori
1
650
claude codeでPrompt Engineering
iori0311
0
300
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
fujie
0
500
PdM業務における使い分け
shinshiro
0
510
P2P通信の標準化 WebRTCを知ろう
faithandbrave
6
2.1k
An introduction to Claude Code SDK
choplin
3
3.2k
なぜAI時代に 「イベント」を中心に考えるのか? / Why focus on "events" in the age of AI?
ytake
0
120
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.7k
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
3
240
Maintainer Meetupで「生の声」を聞く ~講演だけじゃないKubeCon
logica0419
1
150
Introduction to Bill One Development Engineer
sansan33
PRO
0
270
そもそも AWS FIS について。なぜ今 FIS のハンズオンなのか?などなど
kazzpapa3
2
110
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Typedesign – Prime Four
hannesfritz
42
2.7k
The World Runs on Bad Software
bkeepers
PRO
70
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
4 Signs Your Business is Dying
shpigford
184
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Bash Introduction
62gerente
613
210k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
840
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
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