Tim Wuyts
LightNews LightNews
timwuyts.be
Tim Wuyts
@timwuyts.be
23 followers 64 following 9 posts
Posts Replies Media Videos
Reposted by Tim Wuyts
ishadeed.com
✍️ I wrote a short opinion piece about a pattern I keep seeing lately: switching to the smallest responsive layout too early.

I call it The Too-Early Breakpoint.

🔗 ishadeed.com/article/too-...
The Too Early Breakpoint
An opinion on why we shouldn't switch to the smallest design too early.
ishadeed.com
February 1, 2026 at 2:40 PM
Reposted by Tim Wuyts
rol4nd-css.bsky.social
CSS Anchor Positioning is one of those features that instantly changes how you think about layout.
I built a small demo connecting comments and replies using nothing but anchor() — no JS, no extra markup.

🧵 Relationships, not coordinates.

rolandfranke.nl/frontend-sto...
Drawing Connections with CSS Anchor Positioning - Roland Franke
A practical exploration of CSS Anchor Positioning and the anchor() function to visually connect related elements without extra markup.
rolandfranke.nl
January 26, 2026 at 8:56 AM
Reposted by Tim Wuyts
joshtumath.uk
Excitingly, Chrome Canary recently added support for behind a flag.

What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...
Try text scaling support in Chrome Canary - Josh Tumath
www.joshtumath.uk
January 27, 2026 at 11:12 AM
Reposted by Tim Wuyts
iamkonstantin.eu
A hackathon for vibecoders
January 29, 2026 at 8:26 AM
Reposted by Tim Wuyts
una.im
The CSSWG just resolved to add this to the spec 🥳

github.com/w3c/csswg-dr...
January 29, 2026 at 11:18 PM
Reposted by Tim Wuyts
cssweekly.com
Are you using the HTML autocomplete attribute on fields for 2FA, one-time codes, and web authentication? 🔒

Please do—it massively improves the login UX.
A code screenshot of an input field with autocomplete="one-time-code webauthn”.
January 28, 2026 at 2:04 PM
Reposted by Tim Wuyts
fronteers.bsky.social
The date is set, so mark your calendars!
On Thursday 12 March we are relaunching Fronteers Belgium 🚀

This event will be hosted by Craftzing at their office in Ghent.
More info soon!

🎟️ RSVP: www.meetup.com/fronteers-be...

#frontendmeetup #betech #frontenddevmeetup #fronteersBelgium
Fronteers BE at Craftzing Ghent, Thu, Mar 12, 2026, 6:00 PM | Meetup
On Thursday 12 March, we're kicking off the Fronteers Belgium meetups again! For this first edition we are being hosted by [Craftzing](https://www.craftzing.com/), a digit
www.meetup.com
January 27, 2026 at 9:26 AM
Reposted by Tim Wuyts
nerdy.dev
a powerful #CSS transition technique enters the ring:

Anchor Interpolated Morphing (AIM)
nerdy.dev/anchor-inter...
January 23, 2026 at 5:53 PM
Reposted by Tim Wuyts
haul-pebert.bsky.social
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: paulmakeswebsites.com/writing/shad...

(Inspired by this week's work frustrations lol)

#WebDev #CSS #HTML #JavaScript
The Incredible Overcomplexity of the Shadcn Radio Button
Radio buttons are built into web browsers. Why are we using a UI library that wraps another UI library that rebuilds radio buttons from scratch? Why does rendering a radio button require multiple depe...
paulmakeswebsites.com
January 18, 2026 at 6:39 PM
Reposted by Tim Wuyts
davatron5000.bsky.social
Classes have a bad reputation in JavaScript-land, but as @michaelwarren.dev highlights (and I've experienced) they're a great paradigm for components in a design system. Extendible, extremely predictable, custom-element-manifestible... all things you want.

michaelwarren.dev/blog/inherit...
Inheritance: a web component super power
Let‘s dig into a super power of web components: the ability to inherit from a parent component class
michaelwarren.dev
January 19, 2026 at 3:54 PM
Reposted by Tim Wuyts
norootcause.surfingcomplexity.com
Liked this observation from Addy Osmani:

“Abstractions don’t remove complexity. They move it to the day you’re on call.”

addyosmani.com/blog/21-less...
21 Lessons From 14 Years at Google
Lessons learned from 14 years of engineering at Google, focusing on what truly matters beyond just writing great code.
addyosmani.com
January 4, 2026 at 7:35 PM
Reposted by Tim Wuyts
ericwbailey.website
You can't nest interactive controls on the web, but you can fake it 'till you make it. @piccalil.li let me ramble on about how to do exactly just that, because they're champs. #a11y piccalil.li/blog/accessi...
Accessible faux-nested interactive controls
A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not,...
piccalil.li
January 15, 2026 at 3:18 PM
Reposted by Tim Wuyts
una.im
You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed?

The solution is simpler than you think.

With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
January 16, 2026 at 5:56 PM
Reposted by Tim Wuyts
kevinpowell.co
:nth-child() was upgraded (a long time ago, but no one seems to know about it)

youtube.com/shorts/rep-C...
nth-child was upgraded
YouTube video by Kevin Powell
youtube.com
January 15, 2026 at 2:35 PM
Reposted by Tim Wuyts
freek.bsky.social
🔗 SQL performance improvements: analysing & fixing the slow queries (part 2)
SQL performance improvements: analysing & fixing the slow queries (part 2)
Mattias delves into optimizing SQL queries using indexes, focusing on MySQL 8.0. He explains how indexes work, how to analyze slow queries using MySQL’s EXPLAIN keyword, and the impact of different index configurations on query performance.
ohdear.app
October 6, 2025 at 2:00 PM
Reposted by Tim Wuyts
strateture.bsky.social
I don't know when this happened, but I sure am happy that I learned about it before putting the new event page online. Thanks for the hint, @kevinpowell.co and @piccalil.li!
www.alanwsmith.com/en/37/wa/jz/...
Fix Your robots.txt or Your Site Disappears from Google
a post from alan w. smith
www.alanwsmith.com
January 11, 2026 at 12:58 AM
Reposted by Tim Wuyts
edzitron.com
This is the single best piece I've read on "replacing coders with AI," it fully dispells the myth from the perspective of a software engineer and does so in a calm, reasonable way.
colton.dev/blog/curing-...
No, AI is not Making Engineers 10x as Productive
Curing Your AI 10x Engineer Imposter Syndrome
colton.dev
August 6, 2025 at 10:22 PM
Reposted by Tim Wuyts
anatudor.bsky.social
What is this dark magic? 🪄 It's pure #CSS horizontal slide on vertical scroll mix!

With CSS scroll-driven animations + `position: sticky`! 😼
Check out the demo on @codepen.io:

✨ codepen.io/thebabydino/...

Enjoy!

#scroll #scrollAnimation

(posted this before, but Bluesky didn't have video then)
November 21, 2024 at 9:36 AM
Reposted by Tim Wuyts
css-only.dev
📝 New CSS Article!

Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com

frontendmasters.com/blog/infinit...

Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
August 4, 2025 at 7:01 PM
Reposted by Tim Wuyts
frontendmasters.com
Perfectly Pointed Tooltips: All Four Sides

Tooltips are a natural fit for the abilities of Anchor Positioning, which can help place them on *any* side or corner. It does make dealing with the pointer extra tricky though.
Perfectly Pointed Tooltips: All Four Sides
Tooltips are a natural fit for the abilities of Anchor Positioning, which can help place them on *any* side or corner. It does make dealing with the pointer extra tricky though.
frontendmasters.com
November 4, 2025 at 8:39 AM
Reposted by Tim Wuyts
joshwcomeau.com
I just published a new blog post about two of my absolute favourite CSS tricks. ✨

www.joshwcomeau.com/animation/pa...
Partial Keyframes • Josh W. Comeau
CSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations s...
www.joshwcomeau.com
June 10, 2025 at 3:51 PM
Reposted by Tim Wuyts
sarasoueidan.com
While making an update to a course chapter that includes the use of CSS-generated content in the accName computation, I noticed that support for alt text in CSS has improved since I gave a talk about CSS & a11y at CSS Day last year.

So I thought it's time to do a proper, long overdue writeup!
CSS to speech: alternative text for CSS-generated content
— The personal website of Sara Soueidan, inclusive Web UI engineer
www.sarasoueidan.com
September 17, 2025 at 3:17 PM
Reposted by Tim Wuyts
webexpo.bsky.social
AI shopping assistants now pick sizes and fill carts for you.

WebExpo 2023 speaker @tink.uk asked a bold question. If agents browse for us, what even is the web now?

She zoomed in on what this means for accessibility and why the next UX challenge may involve non-human users.
Accessibility and the agentic web - TetraLogical
Imagine being in a department store that sells clothes from multiple brands and having a personal shopping assistant to help you select the clothes you want to buy. As a blind person, that's about the only way it's possible to go clothes shopping, independently at least, but few stores offer such a service, so you resort to shopping online.
tetralogical.com
December 11, 2025 at 7:27 AM
Reposted by Tim Wuyts
css-only.dev
Here is my idea with less of code

css-tip.com/tooltip-anch...

The trick is to play with the margin property to show/hide the arrows.

cc @una.im @bram.us
October 6, 2025 at 3:33 PM
Reposted by Tim Wuyts
kevinpowell.co
In case you want to skip the video and look at the code:

✅ LukyVJ's original codepen: codepen.io/LukyVj/pen/P...
✅ My finished version: codepen.io/kevinpowell/...
CSS only bubbly hover direction button - in and out
...
codepen.io
October 8, 2025 at 7:00 PM