The Times You Need A Custom @property Instead Of A CSS Variable

Preethi Sam walks through an example that demonstrates where custom properties are more suitable than variables while showcasing the greater freedom and flexibility that custom properties provide for designing complex, refined animations. https://smashingmagazine.com/2024/05/times-need-custom-property-instead-css-variable/

Created 18d | May 13, 2024, 2:40:18 PM


Login to add comment

Other posts in this group

Ice Cream Ahead (June 2024 Wallpapers Edition)

Let’s kick off June with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to celebrate the beginning of the new month with a collection of beauti

May 31, 2024, 4:40:16 PM | Smashing magazine
In Praise Of The Basics

What does it mean to learn the “basics”, or fundamentals, of front-end web development? Is starting with HTML and CSS still the best entry point to learn how to make websites and apps when we have a s

May 30, 2024, 8:10:14 PM | Smashing magazine
Decision Trees For UI Components

Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part o

May 29, 2024, 11:40:04 PM | Smashing magazine
The Era Of Platform Primitives Is Finally Here

Application frameworks have built whole ecosystems on top of them. Let’s take a closer look at serverless platforms such as Netlify’s Platform Primitives

May 28, 2024, 1:30:05 PM | Smashing magazine
Switching It Up With HTML’s Latest Control

After years of relying on checkbox hacks to create a “switch” control for forms that toggle between two states, HTML may be gaining a native way to go about it by adding a switch attribute to checkb

May 24, 2024, 1:50:01 PM | Smashing magazine
Best Practices For Naming Design Tokens, Components, Variables, And More

How can we get better at naming? This post is dedicated to naming conventions, tips, and real-world examples that help you name things in a robust and flexible way. https://smashingmagazine.com/2024/0

May 23, 2024, 10:30:04 AM | Smashing magazine
Modern CSS Layouts: You Might Not Need A Framework For That

It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. Brecht De Ruyte demonstrates four CSS utility classes (plus a bonus) using technique

May 22, 2024, 4:20:04 PM | Smashing magazine