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
25
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
94
Cypress vs. Playwright
silvenon
0
120
Studying Strapi: an open source head headless CMS
silvenon
0
23
CSS Specificity
silvenon
0
20
Make your JavaScript projects more accessible to newcomers
silvenon
0
47
React Hooks
silvenon
0
57
PostCSS
silvenon
0
30
Maintainable Integration Testing in React
silvenon
0
15
Writing Codemods with jscodeshift
silvenon
0
18
Other Decks in Programming
See All in Programming
Goのエラースタックトレースの歴史と今後
sonatard
10
1.8k
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
410
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
170
Site Reliability Engineering for GMO
pyama86
8
1.1k
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
300
Sheets API使ってみた
toshi0383
2
160
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
9
1.4k
SIMD Parallel Programming with the Vector API
josepaumard
0
230
Let's learn code review
riofujimon
2
570
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
250
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
Docker and Python
trallard
35
2.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
Code Review Best Practice
trishagee
56
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Rails Girls Zürich Keynote
gr2m
91
13k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Navigating Team Friction
lara
179
13k
A designer walks into a library…
pauljervisheath
201
23k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
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”;