Smartial Wayback Machine Text Extractor
This article contains 4 images. You will find them at the very end of the article.
This article contains 475 words.
Web Directions Hover '22 session spotlight–Real-world CSS custom props - Web Directions
Web Directions Hover ’22 session spotlight–Real-world CSS custom props
John Allsopp
16th March, 2022
@johnallsopp
Real-world CSS custom props
A few years ago we decided CSS custom properties were the future for our UI library, and we’ve been reducing the focus on SCSS ever since.
Custom props have added a useful new facet to our design system’s API; and given us the power of runtime variables across a platform-agnostic environment.
But CSS Custom Properties changed our CSS more fundamentally than we expected. We needed to break free of old habits to allow their strength to come to the fore.
Ben Buchanan
Ben Buchanan started creating web pages in the nineties, while completing a degree in everything but I.T. He has created frontend systems for companies including News Ltd, Atlassian, Ansarada and Quantium. He probably thinks about markup too much. He can be found at @200okpublic and http://weblog.200ok.com.au/
In 2022 we have a whole series of events for Front End Developers
Across 2022 Web Directions is presenting our series of online conferences for front end designers and developers. Focussed deep dives, they go far beyond what you might expect from conference programs.
Learn more and register now
Priced individually from $195, or attend all 6, plus get access to our conference presentation platform Conffab for just $595, or $59 a month.
Great reading, every weekend.
We round up the best writing about the web and send it your way each Friday morning.
delivering year round learning for front end and full stack professionals
Learn more about us
I’ve been admiring the Web Directions events for years, and was honored to be part… What a fantastic event!
Ethan Marcotte
Inventor of 'Responsive Web Design'
Each year we have 6 unique online conferences for front end developers, plus Remixed, a free event that brings together some of the highlights from the previous year.
The best of 2021, remixed, and free!
Online, globallyJanuary 2022
Learn More
The conference CSS deserves
Online, globallyApril 2022
Learn More
a conference on front end performance
Online, globallyMay 2022
Learn More
a conference all about JavaScript
Online, globallyJuly 2022
Learn More
a conference on progressive web apps and web platform
Online, globallySept 2022
Learn More
accessibility engineering for front end developers
Online, globallyOctober 2022
Learn More
privacy, security, identity for front end developers
Online, globallyDecember 2022
Learn More
Images:
The images are downsized due to limited space here. The original dimensions may differ.Click on the image to open it on a new tab.