Category: custom properties

Article

useStateInCustomProperties

In my recent “Custom Properties as State” post, one of the things I mentioned was that theoretically, UI libraries, like React and Vue, could automatically map

January 21, 2021 No Comments

Article

Custom Properties as State

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 greens,

January 5, 2021 No Comments

Article

Color Theming with CSS Custom Properties and Tailwind

Custom properties not only enable us to make our code more efficient, but allow us to work some real magic with CSS too. One area

November 19, 2020 No Comments

@property

Using @property for CSS Custom Properties

Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string. So

September 2, 2020 No Comments

Article

Timer Bars in CSS with Custom Properties

I was working on a thing the other day that needed a visible timer. There was UI precedent for this type of timer on the

August 18, 2020 No Comments

CSS

The Cicada Principle, revisited with CSS variables

Many of today’s web crafters were not writing CSS at the time Alex Walker’s landmark article The Cicada Principle and Why it Matters to Web

August 4, 2020 No Comments

Article

Global and Component Style Settings with CSS Variables

Ever since I learned about CSS Variables a few years back, my absolute favorite feature has been the ability to scope variables to components. But

June 30, 2020 No Comments

Article

When Sass and New CSS Features Collide

Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a

June 29, 2020 No Comments

Article

Using Custom Property “Stacks” to Tame the Cascade

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

June 22, 2020 No Comments

CSS

Global CSS options with custom properties

I’ve been toying around with some ideas for how to use custom properties (aka CSS variables) for global settings in a project. The idea is

May 29, 2020 No Comments

Share this page

Popular:

Elementor 101 – Video Tutorials

Elementor 101 – Video Tutorials provides a list of getting started videos for Elementor.

How to Choose WordPress Hosting

Pixallus WordPress Hosting. Simplified. Enjoy blazing fast WordPress website loading speeds and 99.9% uptime. Whether you’re a freelancer, small business, or a large organization, we

Announcing Free Site Cleaning & Site Security Audits for K-12 Public Schools

Wordfence, the leading provider of WordPress security software and services, is announcing today that we are, effective immediately, offering free site cleaning and site security

How To Use Contrast in Web Design: Tips and Examples

Illo is a small, eclectic design studio based in Turin, Italy. Their About Us page combines many contrasting elements and media-types: illustrations, wide photographs, rows

New in Chrome 88: aspect-ratio

[{ “type”: “thumb-down”, “id”: “missingTheInformationINeed”, “label”:”Missing the information I need” },{ “type”: “thumb-down”, “id”: “tooComplicatedTooManySteps”, “label”:”Too complicated / too many steps” },{ “type”: “thumb-down”, “id”:

Lightweight Form Validation with Alpine.js and Iodine.js

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site

How To Redirect URLs in WordPress

If you don’t want to work directly with your site’s .htaccess file, a simpler option is to use a WordPress redirection plugin. These plugins let