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
32
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
120
Cypress vs. Playwright
silvenon
0
140
Studying Strapi: an open source head headless CMS
silvenon
0
27
CSS Specificity
silvenon
0
21
Make your JavaScript projects more accessible to newcomers
silvenon
0
62
React Hooks
silvenon
0
62
PostCSS
silvenon
0
34
Maintainable Integration Testing in React
silvenon
0
21
Writing Codemods with jscodeshift
silvenon
0
19
Other Decks in Programming
See All in Programming
メルカリ ハロ アプリの技術スタック
atsumo
2
910
いかにして不足・不整合なくデータ移行したか
tjmtmmnk
1
970
知られざるNaNの世界
hole
3
1.1k
Serverless renderování Webových komponent
rarous
PRO
0
140
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
1
330
レガシーな Android アプリのリアーキテクチャ戦略
oidy
1
160
perl for shell, awk and sed programmers
mackee
2
1k
Universal Linksの実装方法と陥りがちな罠
kaitokudou
1
200
空間の中でアイドルとレッスンする技術 - 1st "Vision" / Spatial Lesson technologies with my idol - 1st "Vision"
banjun
PRO
0
260
RailsのPull requestsのレビューの時に私が考えていること
yahonda
3
470
Re:proS_案内資料
rect
0
210
フロントエンドの現在地とこれから
koba04
10
4.7k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
275
23k
Agile that works and the tools we love
rasmusluckow
327
21k
Gamification - CAS2011
davidbonilla
80
5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9k
The Invisible Side of Design
smashingmag
297
50k
Done Done
chrislema
181
16k
What's new in Ruby 2.0
geeforr
342
31k
Designing the Hi-DPI Web
ddemaree
280
34k
Thoughts on Productivity
jonyablonski
67
4.3k
Six Lessons from altMBA
skipperchong
26
3.4k
Embracing the Ebb and Flow
colly
84
4.4k
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”;