Custom Properties

Here's a fun idea from James Stanley: a CSS file (that presumably updates daily) containing CSS custom properties for "seasonal" colors (e.g. spring is

Brad Frost Tweeted recently about a color variable naming problem, and rather than write a 69-Tweet thread about how I think about these sorts of problems, I figured I'd do a quick write-up on Tokenizing & Contextualizing in style code variables.

CSS variables (also know as CSS custom properties) can hold all sorts of things. Some of these things were not obvious to me, which is why I decided to write...

In diesem Beitrag zeigen wir euch, wie ihr mit Hilfe von CSS-Variablen ein Farbleitsystem mit sehr wenig Code integrieren könnt.

Lessons learned from building a framework (Halfmoon) using CSS variables, and the future of customizability and user personalization on the web.

Setting CSS variables to theme a design system can be tricky: if they are too scoped, the system will lose consistency. If they are too global, you lose granularity. Maybe we can fix both issues. I’d like to try to boil design system variables down to two types: Global and Component variables. Global variables will give us consistency across components. Component variables will give us granularity and isolation. Let me show you how to do it by taking a fairly simple component as an example.

I've been playing around with CSS Custom Properties to discover their power since browser support is finally at a place where we can use them in our

This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like

I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec. When designing components we often

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

I'm by no means a designer, but with a bit of research into color contrast and accessibility, making I was able to build out a design that I was happy with.

CSS variables (AKA custom properties) have been supported in web browsers for almost four years. I like to use them depending on the project and the situatio...

Custom Properties have the potential to change how we write and think about CSS.

Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how to write and structure CSS with custom properties.

Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!? Read on! | on Una Kravets' Blog

Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we've

The title of this Sara Soueidan article speaks to me. I'm a big fan of the idea that some CSS is best applied globally, and some CSS is best applied

Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we've

We can use JavaScript to get the value of a CSS custom property. Robin wrote up a detailed explanation about this in Get a CSS Custom Property Value with

Freelance Front-End Web UI/UX Developer - Lebanon

JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers - jhildenbiddle/css-vars-ponyfill

CSS variables (Custom Properties) polyfill for IE11 - nuxodin/ie11CustomProperties

In diesem Artikel möchte ich dir einen Einstieg in Custom Properties, auch bekannt als CSS Variablen geben. Wie funktionieren sie? Was sind die Vor- und Nachteile gegenüber Sass-Variablen? Und was musst du bei der Verwendung beachten?

Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.

CSS variables let you define values for reuse throughout a CSS file , opening the door to more efficient theming capabilities — no preprocessors necessary.