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
150
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
100
What (Not) to Do
roy
0
81
You and the Big Stage
roy
0
50
Make Them Click
roy
0
240
0 to 80 in 40 Minutes
roy
2
220
The Future of CSS Isn't CSS
roy
5
1k
Sass: With Great Power Comes Great Responsibility
roy
0
340
Front-End: Fun, Not Frustration
roy
1
1k
Sass in the Real World
roy
2
510
Other Decks in Technology
See All in Technology
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
Azure AI ことはじめ
tsubakimoto_s
0
130
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.7k
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
420
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
4
590
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Writing Fast Ruby
sferik
623
60k
Music & Morning Musume
bryan
43
5.9k
Building Your Own Lightsaber
phodgson
101
5.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
For a Future-Friendly Web
brad_frost
173
9.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Six Lessons from altMBA
skipperchong
24
3.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
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