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
CSS Custom Properties
Search
Matija Marohnić
March 13, 2019
Programming
0
39
CSS Custom Properties
Matija Marohnić
March 13, 2019
Tweet
Share
More Decks by Matija Marohnić
See All by Matija Marohnić
Introduction to Remix
silvenon
0
130
Cypress vs. Playwright
silvenon
0
150
Studying Strapi: an open source head headless CMS
silvenon
0
33
CSS Specificity
silvenon
0
28
Make your JavaScript projects more accessible to newcomers
silvenon
0
72
React Hooks
silvenon
0
71
PostCSS
silvenon
0
42
Maintainable Integration Testing in React
silvenon
0
29
Writing Codemods with jscodeshift
silvenon
0
27
Other Decks in Programming
See All in Programming
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
190
Is Xcode slowly dying out in 2025?
uetyo
1
190
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
230
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
850
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
knih
11
2k
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
260
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
irof
1
300
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
410
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
120
技術同人誌をMCP Serverにしてみた
74th
0
310
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Code Reviewing Like a Champion
maltzj
524
40k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Embracing the Ebb and Flow
colly
86
4.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
RailsConf 2023
tenderlove
30
1.1k
Writing Fast Ruby
sferik
628
61k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
Transcript
CSS Custom Properties a.k.a. CSS Variables
Sass
Sass → CSS
CSS
CSS
What’s the big deal? • part of CSS specification •
no compilation • dynamic ✨
“Dynamic”…? Behold… *drumroll*
None
Custom Properties CSS Custom Properties are a new feature in
CSS. I encourage you to experiment with them! 320px 2rem 1rem
Custom Properties CSS Custom Properties are a new feature in
CSS. I encourage you to experiment with them! 1440px 3rem 1.5rem
None
Giving you some information. Warning you about a potential problem.
Telling you about a serious error.
None
BTW
JavaScript? Demo time!
Browser support tl;dr no IE
Polyfill? Not really
Fallback? Yes. Browsers ignore declarations that they don’t understand.
None
postcss-custom-properties PostCSS plugin that automatically adds fallbacks for CSS Custom
Properties!
Try using Custom Properties today! --thanks-for: “listening”;