Lafeuille
LightNews LightNews
flafeuille.bsky.social
Lafeuille
@flafeuille.bsky.social
24 followers 150 following 15 posts
web developper;
keen on pretty things, kittens and bad faith;
felixdenoix.fr
Posts Replies Media Videos
Reposted by Lafeuille
una.im
🎉 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
December 8, 2025 at 5:08 PM
flafeuille.bsky.social
svgurt.com
Svgurt
svgurt.com
November 26, 2025 at 7:33 PM
Reposted by Lafeuille
piccalil.li
This book (available to read online) is absolutely packed full of gold.

practicaltypography.com
Butterick’s Practical Typography
Butterick’s Practical Typography
practicaltypography.com
November 24, 2025 at 2:02 PM
flafeuille.bsky.social
nowebwithoutwomen.com
No Web Without Women
An educational website featuring a collection of innovations by women in the fields of computer science and technology.
nowebwithoutwomen.com
November 21, 2025 at 9:55 AM
flafeuille.bsky.social
texturefabrik.com/gallery/
Gallery
texturefabrik.com
November 7, 2025 at 11:23 AM
Reposted by Lafeuille
nerdy.dev
a new #CSS enters the ring

try it
codepen.io/argyleink/pe...

source
github.com/argyleink/cs...
November 7, 2025 at 4:37 AM
Reposted by Lafeuille
wesbos.com
Don't [...spread] or .split() your strings!

Use Intl.Segmenter API. Available in every JS runtime
October 23, 2025 at 2:55 PM
Reposted by Lafeuille
ugi.dev
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:
Gsap code snippet
November 4, 2025 at 4:20 AM
flafeuille.bsky.social
tympanus.net/codrops/2025...
tympanus.net
October 30, 2025 at 10:43 AM
flafeuille.bsky.social
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
October 30, 2025 at 10:40 AM
flafeuille.bsky.social
karuna.dev/nextjs-prelo...
Next.js Images, Preloading, and React Suspense
A story about the unclear behavior of lazy image loading in Next.js, especially when used with React Suspense. Quite useful to know if you are trying to optimize for performance or SEO (load times/LCP...
karuna.dev
October 30, 2025 at 10:38 AM
flafeuille.bsky.social
scroll-driven-animations.style
👀
Scroll-driven Animations
A bunch of demos and tools to show off Scroll-driven Animations
scroll-driven-animations.style
October 21, 2025 at 8:42 AM
Reposted by Lafeuille
jhey.dev
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! 🧑‍🍳
October 14, 2025 at 2:01 PM
Reposted by Lafeuille
alienmelon.bsky.social
‼️🚨 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
September 12, 2025 at 11:16 AM
flafeuille.bsky.social
danslesalgorithmes.net/2025/09/18/p...

Why does the "Tech" fascistize itself ?
Pourquoi la Tech se fascise-t-elle ?
La couverture dApocalypse nerds. Apocalypse Nerds, Comment les technofascistes ont pris le pouvoir (Divergences, 2025) que publient les ...
danslesalgorithmes.net
October 3, 2025 at 11:45 AM
flafeuille.bsky.social
www.halifaxexaminer.ca/morning-file...
AI is fascism - Halifax Examiner
Eventually, fascism runs its course, just as the AI hype machine will. It's just a question of how much damage will be done before it's over.
www.halifaxexaminer.ca
October 2, 2025 at 8:45 AM
flafeuille.bsky.social
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
October 1, 2025 at 10:42 AM
Reposted by Lafeuille
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 Lafeuille
edzitron.com
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 ...
www.wheresyoured.at
July 21, 2025 at 4:48 PM
Reposted by Lafeuille
joshwcomeau.com
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...
August 12, 2025 at 6:57 PM
flafeuille.bsky.social
www.brainonllm.com
Your Brain on ChatGPT: Accumulation of Cognitive Debt when Using an AI Assistant for Essay Writing Task
Your Brain on ChatGPT: Accumulation of Cognitive Debt when Using an AI Assistant for Essay Writing Task
www.brainonllm.com
August 13, 2025 at 1:24 PM
Reposted by Lafeuille
joshwcomeau.com
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...
www.joshwcomeau.com
July 21, 2025 at 3:11 PM
Reposted by Lafeuille
camillovisini.com
Simulating Hand-Drawn Motion with SVG Filters #svg #illustration

camillovisini.com/coding/simul...
Simulating Hand-Drawn Motion with SVG Filters
A practical guide to implementing the boiling line animation effect using SVG filter primitives and JavaScript - Blog post by Camillo Visini
camillovisini.com
July 18, 2025 at 1:23 PM
Reposted by Lafeuille
bell.bz
CSS pro tip:

:target {
scroll-margin-block-start: 2em;
}

Adds a nice bit of breathing room to stuff that's anchored via URL like example.​com/#my-element
July 14, 2025 at 8:09 AM
Reposted by Lafeuille
thegoodparts.dev
Plain Vanilla - an explainer for web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript.

plainvanillaweb.com/index.html

#webdev #html #css #javascript #programming
Plain Vanilla
An explainer for web development using only vanilla techniques.
plainvanillaweb.com
July 11, 2025 at 10:08 AM