In this article, author Chris Sabourin walk through how modern CSS features can build a fully functional, interactive elevator that knows where it is, where it’s headed, and how long it’ll take to get there. No JavaScript required. --- CSS Elevator: A Pure CSS State Machine With Floor Navigation originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.| CSS-Tricks
In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover effect, and ending with a fully responsive bulging text that follows your mouse in real time. --- 3D Layered Text: Interactivity and Dynamicism originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.| CSS-Tricks
This is like one of those weirdly difficult quizzes about CSS. If you’ve got a element sitting there in a totally normal basic HTML layout, then this CSS: What color does the render as? It’s blue. You might think it’s green, as the value blah is an invalid color. If the CSS had… […]| frontendmasters.com
We posted not long ago about the difference between native CSS variables (custom properties) and preprocessor variables. There are a few esoteric things| CSS-Tricks
CSS Custom Properties have been a hot topic for a while now, with tons of great articles about them, from great primers on how they work to creative tutorials| CSS-Tricks
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color schemes| CSS-Tricks
An answer to a headscratcher Tyler Gaw (and Chris Coyier) ran into …| Bram.us
A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5| CSS-Tricks
Back in July 2020, I got an email from James0x57 (I always try to refer to people by their name, but I think I get the sense they prefer to go by screen name)| CSS-Tricks
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less| CSS-Tricks
Saw this from Lea being passed around yesterday:| Geoff Graham
I drop by the show to talk about CSS updates and news on container queries, rolling out cascade layers, `!important` things to remember, custom properties, exit animations, CSS functions, state queries, and more.| Miriam Eric Suzanne
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations.| CSS-Tricks
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name.| CSS-Tricks