Introducing CSS Grid Lanes It’s here!

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

webkit.org/blog/17660/i...

❓"When can we expect this feature"

Please refrain from asking this question towards open source maintainers. You generally shouldn't "expect" anything. I don't often agree with DHH but his take on OSS being a gift, not something you're entitled to, is something I relate with.

I've gotten oddly good results by downloading an entire library/framework's docs MD collection, putting it in a folder, asking AI agents to make sure everything's set up and up to snuff, and repeat the prompt about 20 times. You can do multiple libraries at a time, too! Works well for project setup.

ESLint depends on sponsorships to pay maintainers. We're operating at a deficit with roughly a junior engineer's salary supporting a dozen maintainers plus awarding outside contributions. Please talk to your company about sponsoring ESLint:
https://eslint.org/donate

> Be web developer
> Uses Webpack v4 (reminder, v5 dropped in late 2020)
> Tries to upgrade package in 2025
> Package is ESM-only
> Complains about new package update and not about ancient Webpack setup

Help us make MDN even better for you! 📣

We’re running a short survey to understand how developers use MDN in their day-to-day work and learning.

⏱️ Takes ~10 minutes
✅ All questions optional
🔒 Responses are anonymous

Take the survey 📝
survey.alchemer.com/s3/8409929/...

(and, of course, provided the benchmarks don't show a decrease in performance! That would be bad!)

So long as it passes the test suites, I don't see why not!

Interop Feature Ranking Rank the web platform features you care most about

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com

GitHub - BellCubeDev/eslint-plugin-react-no-manual-memo: ESLint plugin for React Compiler users to flag any usage of useMemo, useCallback, and React.memo—both to catch instinctive memoization and to b... ESLint plugin for React Compiler users to flag any usage of useMemo, useCallback, and React.memo—both to catch instinctive memoization and to bring memoization up in code reviews if manual memoizat...

Let the compiler do it for you? You might be interested in the ESLint plugin I finished up yesterday: github.com/BellCubeDev/...

Basically, it aims to flag any manual memoization where React Compiler would already be adding memoization for you

Separating Events from Effects – React The library for web and native user interfaces

useEffectEvent allows you to create "Effect Events" to split “Event” logic out of the Effect that emits it.

Similar to DOM events, Effect Events always “see” the latest props and state, so your Effect doesn't need to re-run when the values change.

react.dev/learn/separa...

L take. tabs are objectively better for developer a11y.

www.reddit.com/r/javascript...

Now THIS is what real innovation in the JS ecosystem looks like! 🎉

import { glob } from 'node:fs/promises'; const files = glob('**/*.md', { exclude: [ '.git/**', '**/node_modules/**', ] }) for await (const filePath of files) { console.log(filePath); }

Did you know that Node.js 22 has glob built in? No dependencies needed.

nodejs.org/api/fs.html#...

Move on to ESM-only Let's move on to ESM-only

ESM Only: gist.github.com/sindresorhus...

Anthony Fu's thoughts on it in 2025: antfu.me/posts/move-o...

Yes, yes, and yes—all the way yes!

GitHub - BellCubeDev/eslint-plugin-react-no-manual-memo: ESLint plugin for React Compiler users to flag any usage of useMemo, useCallback, and React.memo—both to catch instinctive memoization and to b... ESLint plugin for React Compiler users to flag any usage of useMemo, useCallback, and React.memo—both to catch instinctive memoization and to bring memoization up in code reviews if manual memoizat...

Just published an #ESLint plugin to catch cases of manual memoization (React.memo, useMemo, useCallback), reminding you to let #ReactCompiler work its magic ✨

Oh, and the docs include React Compiler Playground links so you can see the automatic memoization in action!

github.com/BellCubeDev/...

This may be half a year old, but I feel this in my SOUL

#nothankyou ( #JustKidding )

someone said of Wikipedia: “it is a thing that does not work in theory but turned out to work in practice”

Did you know your MacBook has a sensor that knows the exact angle of the screen hinge?

It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.

npm Author Qix Compromised via Phishing Email in Major Suppl... npm author Qix’s account was compromised, with malicious versions of popular packages like chalk-template, color-convert, and strip-ansi published.

A number of popular npm packages have been compromised and malicious versions published. Most of these have been removed from the registry. Astro indirectly depends on one that hasn't, so we have published 5.13.6 that pins a safe version.

Stealing this and spreading it as far and wide as I can.

You know, I wrote that, but I forgot that some people even still write #SQLInjection bugs... and this is why God gave us ORMs

ok so I checked the #FrontendDev tag after my last post and I don't think I've ever gotten self-promotion and grifter whiplash harder in my life.

React gave me powers.
Now I break things faster and with confidence.

#ReactJS #FrontendDev

OK so this thing is neat. Will almost certainly become a mainstay of my #FrontendDev workflow. Genuinely makes it easy to see how #responsive designs, well, respond to different screens in one go. And easy to remember to check different screen sizes (hobbyist problems).

bsky.app/profile/gith...

This looks very neat—I will definitely be checking this out 👀

I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”

Like most refactors, it costs significantly less and feels significantly less boring if you simply put in the mental effort to do it right the first time.