Skip to content
EN

Back to the catalog

alwaystwisted.com
atom

Always Twisted| Articles

alwaystwisted.com

atom indieweb

Open the feed

https://www.alwaystwisted.com/feed.xml

Last post
Sep 11, 2026
Posts in 24 h · 7 days · 30 days
0 · 0 · 1
Our last check
Answering
Served from
United States
Format
atom
Community
indieweb

Posts

What our queue read from this feed. Open one to read it here, or go to the site that published it.

  1. ... And That's My Rank! 2027 Edition
    Sep 11, 2026 · original
    I'm hoping this is regular, will 3 years in a row make it regular? We're on year two. Last year I spotted Jake post about an experiment Firefox were doing to see what web develoeprs wanted including in Interop 2026. This year Rick has taken on the batton. And, like last year , it's an almost zero effort way of voting f
  2. Design Tokens, Web Components, and CSS @layer
    Aug 21, 2026 · original
    Chris kicked off a little 'blog and response' with Thinking Horizontally in CSS @layer . The idea was that if every component's custom properties live in a weak layer, unlayered CSS can override them without a fight. It is a wonderfully simple way to make the cascade feel a little less like a negotiation. I took that i
  3. The Recipe Isn't The Bake - What Design Systems Need Beyond Documentation
    Aug 18, 2026 · original
    Each week on The Great British Bake Off, the Technical Challenge gives bakers a neat sheet of instructions and a pile of ingredients, then asks them to recreate a bake they may have never seen before, tried, or heard about. On paper, everyone has the same recipe. In practice, the results vary from showstopping to shows
  4. A Design Tokens Workflow (Part 18) - How to Generate Component CSS and Sass Files from Design Tokens using Style Dictionary
    Aug 11, 2026 · original
    If your design system is more than a handful of components, a single token file will become unwieldy. You're going to end up with colour, spacing, and typography for buttons, cards, modals, and everything else all in one place, which will turn into an absolute scrolling car crash that teams have to wade through to find
  5. Solving CSS @layer Ordering in Design Systems with Design Token Metadata
    Aug 10, 2026 · original
    Getting CSS ⁠ @layer ordering right in a design system is a problem that only gets harder as it scales, every new component risks fighting for specificity or stacking priority. I was reading Chris Coyier's post on horizontal thinking in CSS @layer a couple of weeks back, and it offered a neat little way out of that mes
  6. Dynamic Colour Schemes With Modern CSS
    Aug 6, 2026 · original
    I’ve been tinkering with this idea for a while, mostly because the (seemed like it took forever) redesign of this site kept pushing me in that direction. When color-mix() showed up in nightly builds, I started using it for simpler stuff like tint and shade variants that allowed a bit of monochromatic theming. Over time
  7. Introducing Linting to your Existing Design Tokens System
    Aug 4, 2026 · original
    Adding testing and linting to an established design token system can sound straightforward until that first run returns pages and pages of warnings and errors. Teams will often swing between the pendulum of two extremes. Block everything and slow delivery to an absolute crawl, or keep everything as warnings and never i
  8. Running and Evolving Your Design Systems Workflow - Metrics, Mistakes, and Scaling
    Jul 1, 2026 · original
    It's 12 o' clock (and it's a wonderful day). Lars from the mobile team just noticed something. Their progress bars don't match the ones in the web app. They dig in. Turns out their team built their own version three months ago because the original component was taking too long to ship. Nobody told them it was coming. B
  9. Modes and Themes That Stick - Building a Persistent Toggle Solution
    Jun 30, 2026 · original
    Some websites that offer theming conflate two separate ideas. The mode (light or dark) and the theme (the accent colour or visual identity). They're not the same thing . A user might want a dark interface with a blue accent, or a light interface with an orange one, and if you cram both into a single attribute, you end
  10. Why Separating Themes from Modes Transforms Your Design System
    Jun 29, 2026 · original
    Back in 2022, while building out the start of this website's redesign (it took a while), I wanted to use this new fangled CSS color-mix() function to generate an analogous colour palette, one that would be easy to switch between and work in both light and dark modes. But I needed to think about how I'd approach it. I c
  11. Building Your Design System Workflow - Rituals and Templates
    Jun 24, 2026 · original
    Understanding what a good workflow looks like and actually building one are totally different things. You know your proposals need a clear place to go. You know decisions need a framework. You know that the documentation should be mandatory. But how do you make all of that happen? What do people actually show up to? Wh
  12. A Design Tokens Workflow (Part 17) - How Colour Works with the DTCG Design Tokens Color Module
    Jun 23, 2026 · original
    Colour can drive branding, visual hierarchy, theming, and accessibility in any design system. It's also where workflows tend to break down: colour shows up as hex in Figma, as RGB in one tool, as HSL in another. Every tool has its own representation, and nothing speaks the same language. The DTCG spec fixes that. Inste
  13. From Proposal to Release: Designing Your Design System Workflow
    Jun 17, 2026 · original
    The Cost of Chaos It's 10:47 AM on a Tuesday. Courtney, a product designer, has just finished a beautiful new progress bar component for the onboarding flow. They post it in Slack: "New progress bar variant ready - where should this go?" Silence. Meanwhile, three channels over, Eddie from engineering has already built
  14. A Design Tokens Workflow (part 16) - Automating Colour Contrast With Design Tokens
    Jun 16, 2026 · original
    In earlier articles of this series, we've explored how to structure, transform, and layer design tokens. One practical challenge that emerges when building design systems is ensuring accessible colour combinations at scale. Manually checking contrast ratios for dozens of colour tokens quickly becomes impractical, and a
  15. 'The Dig' - Front-End Archaeology as a Service
    Jun 12, 2026 · original
    After more than a decade consulting in other people's codebases, I've seen it all: jQuery from 2009, dependencies untouched since the Obama administration, and CSS full of browser hacks no one dares to touch. Here's what I've learned: legacy code isn't something to be embarrassed about. It's a record of the decisions,
  16. ReliCSS Update: New Tools for Front-End Archaeology
    May 14, 2026 · original
    A couple of months ago now I released a little tool I've been working on over the years for some specific client work. ReliCSS was focused on finding browser hacks, old techniques and fossils in old stylesheets. But over the years I have also found myself needing other tool to help dig into codebases as part of a front
  17. Linting Your Design Tokens - The Where And The When
    May 13, 2026 · original
    In a previous article , I covered "what" could lint and "why" this all matters for design tokens. This article covers the "where" in your workflow those checks should live, and "when" each one pays off. The short answer is that you should lint as early as possible, and (if possible) at multiple points. But where "as ea
  18. Linting Your Design Tokens - The What And The Why
    May 6, 2026 · original
    Design tokens are code: the single source of truth for design decisions — colour, typography, spacing, shadows — across your design system. When they're right, they keep products consistent. When they're wrong, the impact spreads quickly. Consider a few common failures: A designer adds a new brand colour in Figma and s
  19. Design Token Naming Conventions: A Practical Guide
    Apr 23, 2026 · original
    If you have ever stared at a long token list and wondered whether a name should be button-primary-bg , primary-button-background , or color-button-primary , you are not alone. Naming design tokens can look and feel simple right up until you have to do it for real. Choose a weak pattern and things get inconsistent fast.
  20. Un-Sass'ing My CSS: Colour Functions Without Sass
    Mar 13, 2026 · original
    Twelve years ago in Colour me Sass-y , I walked through a bunch of Sass colour helpers that made day-to-day styling feel quick and effortless. Back then, Sass was the easiest route. In 2026, modern CSS gives us far more native colour power than we had in 2014. So this fourth Un-Sass'ing article is a refresh of that ori

Discovered by the rss-feed-index crawler, which checks each feed at most once a month.

Same record as JSON: https://api.agentalog.com/api/feeds/fd_alwaystwisted_com_ea6201adab3121ad. More from this site: alwaystwisted.com in the Feeds tab.