Tim Wuyts
LightNews LightNews
timwuyts.be
Tim Wuyts
@timwuyts.be
22 followers 62 following 9 posts
Posts Replies Media Videos
Reposted by Tim Wuyts
adactio.com
Journal: Providers

Web browsers provide you with great features for free. Why would you choose to use tools that stop you taking advantage of that?

🔗https://adactio.com/journal/22235
November 6, 2025 at 4:14 PM
Reposted by Tim Wuyts
ishadeed.com
I needed a quick way to generate conditional CSS with :has() and quantity queries, and this tool by @css-only.dev is so helpful.

css-tip.com/quantity-que...
A screenshot from the tool titled "Quantity queries using has() selector" showing an input field with ".container" value, and a select menu with options like "Exactly, At Least, At most, etc" items.
October 21, 2025 at 5:40 AM
Reposted by Tim Wuyts
freek.bsky.social
🔗 Maybe You're Not Sick of Programming
Maybe You're Not Sick of Programming
Many programmers believe they are tired of programming, but they may actually be frustrated with bureaucracy, lack of product vision, and lack of ownership. Burnout can skew perspectives, and it may be more beneficial to address these issues rather than abandoning programming entirely.
shubhamjain.co
October 21, 2025 at 12:33 PM
Reposted by Tim Wuyts
jakearchibald.com
I tried to AI code some in-browser video decoding stuff. It made a mess.

So I learned the APIs somewhat properly, and did a much better job, but it was still messy.

Then I found mediabunny.dev and it just worked. Yay!
Mediabunny
A JavaScript library for reading, writing, and converting media files. Directly in the browser, and faster than anybunny else.
mediabunny.dev
October 30, 2025 at 10:35 AM
Reposted by Tim Wuyts
freek.bsky.social
🔗 17 New(ish) Vanilla JavaScript Features You Might Have Missed
17 New(ish) Vanilla JavaScript Features You Might Have Missed
This article explores some exciting new features that have been added to the language in recent years, because sometimes vanilla is exactly what you need. If you’re looking to cut down on heavy dependencies or simply get up to date, this one’s for you.
tighten.com
November 10, 2025 at 8:21 PM
Reposted by Tim Wuyts
jhey.dev
small details that matter 🧑‍🍳

use CSS pseudoelements to bridge the :hover gap w/ :has() + inset

a:has(+ .dots) a::after,
.dots + a::after {
position: absolute;
content: '';
}
a:has(+ .dots) a::after { inset: 0 -50% 0 100%; }
.dots + a::after { inset: 0 100% 0 -50%; }
October 22, 2025 at 4:54 PM
Reposted by Tim Wuyts
jbaert.bsky.social
Original post: infosec.exchange/@catsalad/10...
October 19, 2025 at 1:49 AM
Reposted by Tim Wuyts
justinfagnani.com
inherit() is going to be absolutely huge for working with CSS custom properties. Two big things it'll enable:

Nested indentation:

--indent: calc(inherit(--indent, 0) + 1);

Overridable design token defaults:

--primary-color: inherit(--primary-color, blue);
October 14, 2025 at 2:23 PM
Reposted by Tim Wuyts
svillegas.com
Yessss, it's why I love this!
9elements.github.io/fancy-border...
Fancy Border Radius Generator
Generator to build organic shapes with CSS3 border-radius
9elements.github.io
September 25, 2025 at 8:09 PM
Reposted by Tim Wuyts
schalkneethling.com
2 reasons you should be using single color gradients in CSS - YouTube | Super cool! @kevinpowell.co | www.youtube.com/watch?v=8Nfa...
2 reasons you should be using single color gradients in CSS
YouTube video by Kevin Powell
www.youtube.com
October 3, 2025 at 10:08 AM
Reposted by Tim Wuyts
samwho.dev
Oh shit, I needed this just recently but didn’t know it existed, so used aria-live.

denodell.com/blog/html-be...
HTML’s Best Kept Secret: The output Tag
Make your dynamic content accessible by default with the HTML tag that time forgot.
denodell.com
October 11, 2025 at 10:14 AM
Reposted by Tim Wuyts
sindresorhus.com
CSS is getting support for functions, so I made a small utility library for useful things. It's also a copy-pasteable reference. WIP.

github.com/sindresorhus...
October 8, 2025 at 7:53 AM
Reposted by Tim Wuyts
john.kreitlow.rocks
1. Mrs. Krabbapel's class looks at Bart. Milhouse says, "Say the line, Claude!" 2. Bart looks down in disappointment and says, "You're absolutely right." 3. The class cheers
October 7, 2025 at 6:22 AM
Reposted by Tim Wuyts
amitsheen.bsky.social
Inspired by Temani’s brilliant work, where he created a box using only `border-radius` and `corner-shape`, I built on his code, played with different angles, and came up with this dynamic demo.

Live demo on @codepen.io: codepen.io/amit_sheen/f...
September 26, 2025 at 8:23 PM
Reposted by Tim Wuyts
developer.chrome.com
Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→ goo.gle/4pDE6Tk

With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.
September 23, 2025 at 3:00 PM
Reposted by Tim Wuyts
nerdy.dev
❌ mobile first
✅ container first
September 21, 2025 at 4:21 PM
Reposted by Tim Wuyts
neal.fun
I’m Not a Robot, a game about solving CAPTCHAs, is out now!

good luck :)

> neal.fun/not-a-robot/
September 16, 2025 at 2:50 PM
Reposted by Tim Wuyts
sidebangsmusic.com
I am tired of computer but must do more computer
September 17, 2025 at 8:32 PM
Reposted by Tim Wuyts
una.im
To do this with the (upcoming) interest invoker API, it's 1 line of code:

.parent:has(:interest-source) button {
interest-show-delay: 0s;
}

You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover).

codepen.io/una/pen/LEpw...
September 15, 2025 at 7:01 PM
Reposted by Tim Wuyts
freek.bsky.social
🔗 How the Model Context Protocol works?
How the Model Context Protocol works?
MCP is not a hosted service, a replacement for app logic, or a fix for hallucinations. It is a protocol that provides access to real tools and data, and still requires good prompts and UX
alexop.dev
September 8, 2025 at 12:43 PM
Reposted by Tim Wuyts
43081j.com
some thoughts about the bloat introduced by edge-case first libraries
The bloat of edge-case first libraries
How building edge-case first led to bloated, overly-granular libraries and what we can do about it
43081j.com
September 9, 2025 at 12:58 PM
Reposted by Tim Wuyts
bram.us
This is slick.

“Liquid Glass in the Browser: Refraction with CSS and SVG”

kube.io/blog/liquid-...
Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
kube.io
September 9, 2025 at 12:40 PM
Reposted by Tim Wuyts
nileshprajapati.com
#CSS border-image has been my go-to for image colour overlay, but background-image makes it simpler. "Making Text Readable with Gradient Overlays by @kevinpowell.co"
Single-colour gradients
It might seem strange, but single-colour gradients can come in handy in a few different ways!
html-css-tip-of-the-week.netlify.app
September 13, 2025 at 10:58 AM
Reposted by Tim Wuyts
sarasoueidan.com
The #CSS `stretch` keyword essentially enables one of the most useful capabilities of Flexbox and Grid to be used outside a flex or grid context: It allows you to *stretch* an element to take up *the remaining/available space within its container*.
September 12, 2025 at 9:25 AM
Reposted by Tim Wuyts
silvenon.com
Chrome Dev Tools upgraded to straight up underlining problematic elements. I like it, points to Google ⭐️

Many people never open the Issues panel, this is much better integrated.
<input> element underlined with tooltip "View issue: A form field element should have an id or name attribute"
September 6, 2025 at 9:41 PM