We've waited like 20 years for this? display: none → display: block; youtu.be/3QUOstYE7-Q
CSS 20 years in the making?
Did you know you can now transition from `display: none` to `displa...
youtube.com
Louis Chenais
@lucho.cool
Front-end developer | co-founded https://specifyapp.com | designtokens.org editor. I also like ambient/electronic music and a nice côte de boeuf bien persillée.
We've waited like 20 years for this? display: none → display: block; youtu.be/3QUOstYE7-Q
CSS 20 years in the making?
Did you know you can now transition from `display: none` to `displa...
youtube.com
This is great and highlights one of the most common mistakes developers make since became easier to server render framework sites - rendering buttons etc before the JS has loaded to make them work.
I wrote this after travelling by train (after a long time of not really travelling anywhere): Progressive Enhancement inside of JavaScript remysharp.com/2026/08/05/p... Nothing new, just nice to see it up close.
new @e18e.dev blog post about when to publish source maps to npm 📦 source maps are often the reason behind bloated install sizes, but sometimes necessary. here we try to explain some of the balance, do/don't
Source maps or not?
Source maps are great for debugging, but should we be shipping them in production?
e18e.dev
The design system documentation spec project is now a proposed W3C community group. www.w3.org/community/bl... Big thanks to Cassondra Roberts for the suggestion.
Proposed Group: Design System Documentation Community Group | Community and Business Groups
w3.org
La puissance des effets spéciaux d’ILM peut absolument tout créer, des paysages incroyables aux confins de la galaxie aux personnages les plus surréalistes jamais imaginés… ou alors juste faire de la cosmétique
Pour exiger de Doctolib qu'il n'utilise pas vos données de Santé dans ChatGPT à partir d'aout, ça prend 2 secondes -> www.doctolib.fr/privacy-sett... www.lemonde.fr/pixels/artic...
Doctolib et l’IA : ce qu’il faut savoir sur son programme de recherche utilisant vos données personnelles à partir du mois d’août
Le géant français de la prise de rendez-vous médicaux va utiliser les données de ses utilisateurs – ordonnances, antécédents, médicaments… – dans le cadre d’un projet visant à « améliorer les…
lemonde.fr
OKHST: predictable color generation for real interfaces https://tenphi.me/blog/okhst-predictable-color-generation/
OKHST: predictable color generation for real interfaces
OKHST is a tone-based color space for generating UI palettes that behave more predictably across states, dark mode, and high contrast.
tenphi.me
Andy Budd: To hire a top designer, you need to know what “good” looks like. andybudd.com/archives/202... @andybudd.bsky.social
What a High Performing Designer Looks Like | Andy Budd
In order to hire a top end Designer—or for that matter a Product Manager, Marketer or Engineer—you need to know what “good” looks like. Otherwise you may end up hiring somebody who looks good on…
andybudd.com
If you’re a dev who feels a bit of imposter syndrome when setting up your auth, I think you’ll enjoy this. bobdahacker.com/blog/fifa-hack
I Could've Rickrolled the Entire FIFA World Cup. All I Needed Was My ID.
How I found that anyone could register on FIFA's public Agent Platform, gain access to the Football Data Platform's Streaming Management panel, and get RTMP ingest URLs and stream keys for every live ...
bobdahacker.com
AI can build your UI, but can it keep your brand consistent? 🎯 Watch as @kaelig.fr explains how design tokens give AI agents a shared source of truth, helping teams build interfaces that stay consistent across apps, platforms, and themes. youtu.be/CYy0PrnJISI
Design a modular type scale, preview it live, and copy production-ready CSS with optional fluid typography and CSS @function | typo.schalkneethling.com
Typo
Design a modular type scale, preview it live, and copy production-ready CSS with optional fluid typography.
typo.schalkneethling.com
I work at Google DeepMind. This won't make me popular. But it's all public reporting: 2014: DeepMind reportedly sold to Google on conditions: no military use, independent oversight 2026: a Pentagon contract for "any lawful government purpose" Not one safeguard survived intact
Great video explaining the history and how LLMs work everyone should watch to understand it's not a black box www.youtube.com/watch?v=YmLp...
I Built an LLM From Scratch
YouTube video by Syntax
youtube.com
I'm delighted with TS 7, but it's hard to be _that_ excited when there's no provision yet for type-checking Vue, Lit, Svelte, etc I'm watching this issue: github.com/microsoft/ty...
API usage patterns for complex editor extensions · Issue #2824 · microsoft/typescript-go
TypeScript 6.0 and earlier allowed loading third-party plugin code directly into TS Server, exposing language service and project system internals for proxying and patching. This was often used in ...
github.com
📣 The moment is here. 📣 TypeScript 7 is officially released! 7️⃣ devblogs.microsoft.com/typescript/a...
Just published a blog post about the new CSS Anchor Positioning API! ⚓ I’ve been learning about it over the past few weeks, and it’s friggin’ great, but it also took me a minute to really get the hang of it. My goal in this post is to share the most useful bits, so you can start using it today. 🔥
Getting Started with Anchor Positioning • Josh W. Comeau
For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a...
joshwcomeau.com
What a great post by @jakearchibald.com packed with modern CSS. I learned a tonnes! > Here's the full CSS for the picker, which adds the margin to the viewport, applies a minimum size, and a maximum size, all in one place to copy-paste and for LLMs to steal jakearchibald.com/2026/goldilo... #css
The Goldilocks customizable select height
The 'ideal' sizing is more complicated than you think…
jakearchibald.com
🤘new post🤘 Modes and Themes That Stick - Building a Persistent Toggle Solution I walk us through a three-layer, progressively enhanced, approach to mode and theme switching. https://www.alwaystwisted.com/articles/modes-and-themes-that-stick-building-a-persistent-toggle-solution 🙏🖤
Modes and Themes That Stick - Building a Persistent Toggle Solution
Build a theme toggle that persists user choices, respects system preferences, and works without JavaScript. A layered approach to handling mode and theme selection across sessions.
alwaystwisted.com
Vous avez sûrement déjà lu que la climatisation aggrave les canicules car l’air chaud rejeté à l’extérieur augmenterait la température des villes de 2 à 3°C. Vérifions ce que disent vraiment les études scientifiques à ce sujet 🧑🔬 (lisez jusqu’au bout, car vous allez être 🤯🤯 à la fin) #Thread ⬇️⬇️
Positioning with CSS is getting a little too easy... youtube.com/shorts/h6nOP...
Positioning in CSS is too easy now
YouTube video by Kevin Powell
youtube.com
CSS `field-sizing` is now Baseline Newly Available! It replaces JS code we won't be missing. web-platform-dx.github.io/web-features...
field-sizing - Web platform features explorer
The field-sizing CSS property allows form controls such as <textarea> to be sized based on their content.
web-platform-dx.github.io
If you’ve ever wanted to embed something like oklch.com into your app, now’s your chance. Dmitry Kryaklin built a WebGL OKLCH color space painter, and we’ve already moved oklch.com to it, making the site much faster. github.com/dkryaklin/co...
With style queries now in all browsers, here's my take on the best way to do dynamic color theming with modern CSS: - Custom properties - light-dark() - contrast-color() - Style queries - Relative color syntax (^Features available in all modern browsers) Read about it ⬇️⬇️ una.im/modern-css-t...
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
una.im
🎉 new post 🎉 A Design Tokens Workflow (17): How Colour Works with the DTCG Color Module See how the design tokens color module enables automation, ramps, and much more. Building robust, future-proof design tokens! https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-17 🙏🖤
A Design Tokens Workflow - Part 18
Learn how the DTCG W3C colour specification structures tokens for automation. Generate colour ramps, validate accessibility, and build robust design systems.
alwaystwisted.com
new post: how I develop recently using local models. the tooling is now good enough to do agentic workflows and everyone should give them a try! vickiboykis.com/2026/06/15/r...
Running local models is good now
Local agentic coding has gotten great over the past few months
vickiboykis.com
This article was also an opportunity to pay tribute to @donnie.damato.design, @projectwallace.com, @evilmartians.com, @samiamdesigns.bsky.social, @clearleft.com, @danmall.bsky.social and of course @designtokens.org 🫶 Let me know what you think ✌️
I've been helping design system teams set up their design tokens architecture for several years now. Here's an article in which you'll find an overview of all the tips and tricks I share to start a design token system with confidence.