Lafeuille
@flafeuille.bsky.social
web developper; keen on pretty things, kittens and bad faith; felixdenoix.fr
Replacements.fyi. A tool from the e18e collective that helps you find more performant and safer replacements for outdated or unnecessary npm packages. Type a package name and get drop-in alternatives or short code snippets to use instead. #npm #tools replacements.fyi/
Try the latest <color-input> concept: ⚓️ anchor() progressive enhancement 🤖 workers for color compute 🙈 new animations & interactions 🎨 gamut boundaries, mapping, stretching ☯️ contrast scores & much more nerdy.dev/rfc-latest-c...
🎉 And we're live! 🎉 We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀 This is a big one! We highlighted 22 new features to help you build better on the web. Check out: chrome.dev/css-wrapped-2025
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
chrome.dev
This book (available to read online) is absolutely packed full of gold. practicaltypography.com
Butterick’s Practical Typography
Butterick’s Practical Typography
practicaltypography.com
a new #CSS <color-input> enters the ring try it codepen.io/argyleink/pe... source github.com/argyleink/cs...
Don't [...spread] or .split() your strings! Use Intl.Segmenter API. Available in every JS runtime
It manages 8+ profiles and even shows a "4" badge when there are more. Fork it, tweak it, and add ARIA for improved accessibility! 👇 🔗 codepen.io/ugi-dev/pen... Here's the straightforward JavaScript logic for this:
willybrauner.com/journal/buil...
Build a router for creative transitions — Willy Brauner
Animating route transitions can quickly become a nightmare depending on the router you're dealing with. It's a subject I wanted to tackle early on so I'd never be limited in developing transition scen...
willybrauner.com
responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) { grid-template-columns: var(--sidebar-width) 1fr; } aside:popover-open { translate: 0 var(--ctrl); height: var(--extend); } actual zero JS for the layout transition here so many details to play with! 🧑🍳
‼️🚨 cool tool alert 🔔‼️ 😎 Wobble Web 🆒 visual & code editor for making and sharing small websites ✨💕 👉 wwwobble.org * create and share directly from your phone * add images, text, && custom elements * download the code or share a link * responsive mobile layout * open source and extensible…
Wobble Web
wwwobble.org
dockyard.com/blog/2019/04... Css selector magic to the rescue of the last row of a grid.
CSS Selectors for the Entire Last Row of a Dynamic Grid - DockYard
By combining `:nth-child` and `:nth-last-child` selectors, developers can select all elements in the last row of a flexible grid, even if that row is partially filled.
dockyard.com
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)
Newsletter: This is the Hater's Guide To The AI Bubble: genAI is nothing like Uber or Amazon Web Services, there are no profitable genAI companies, agents do not and cannot exist, there is no AI SaaS story, and everything rides - and dies - on selling GPUs. www.wheresyoured.at/the-haters-g...
The Hater's Guide To The AI Bubble
Hey! Before we go any further — if you want to support my work, please sign up for the premium version of Where’s Your Ed At, it’s a $7-a-month (or $70-a-year) paid product where every week you get a ...
wheresyoured.at
Lots of folks ask me how the scroll-tracking Table of Contents works on my blog, and the answer is "IntersectionObserver and a bunch of fiddling in JS". ✨ But an upcoming CSS feature will make this way easier! @una.im explains in this wonderful blog post: una.im/scroll-targe...
One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨ 📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄 Check it out:
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp...
joshwcomeau.com
