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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Matija Marohnić
March 13, 2019
Programming
0
40
CSS Custom Properties
Matija Marohnić
March 13, 2019
Tweet
Share
More Decks by Matija Marohnić
See All by Matija Marohnić
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
silvenon
0
9
Introduction to Remix
silvenon
0
140
Cypress vs. Playwright
silvenon
0
160
Studying Strapi: an open source head headless CMS
silvenon
0
48
CSS Specificity
silvenon
0
46
Make your JavaScript projects more accessible to newcomers
silvenon
0
78
React Hooks
silvenon
0
84
PostCSS
silvenon
0
45
Maintainable Integration Testing in React
silvenon
0
48
Other Decks in Programming
See All in Programming
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
180
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
5
410
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
260
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.5k
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
160
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.3k
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.4k
CSC307 Lecture 04
javiergs
PRO
0
660
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.3k
2026年 エンジニアリング自己学習法
yumechi
0
130
Featured
See All Featured
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
110
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
49
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
The Cult of Friendly URLs
andyhume
79
6.8k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
65
Visualization
eitanlees
150
17k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
910
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
WCS-LA-2024
lcolladotor
0
450
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”;