A nice little set of sound effects for use in non-commercial projects.

My initial gut reaction was of course masonry should be part of grid, but Rachel makes some very good points here. Whole segments of the grid specification would have to be ignored for a masonry layout, which she itemizes well. The way it would break grid-template-areas is a huge deal, IMO; that is the primary way a lot of developers use and understand grid. I think Rachel is right. Something like display: masonry is probably the better approach.

This is actually a really good idea. Though it’s probably worth setting a large base font size for very large screens.

I’ve definitely come around in this in recent years. I used to advocate for ems/rems for basically everything except borders, which is neat for some effects, but they’re all tools it our toolbox, and they all have a place.

It’s okay (and probably best) to make a decision on a case-by-case basis when to use what. Obviously, use relative units for fonts. Then use relative for things you want to scale with the font, and absolute units for thing that shouldn’t scale.

I’m a never nester too!

A couple very user-friendly git aliases for listing branches by last commit date. Where has this been all my career?

These developers are the sort of hero that should never have to pay for a drink for the rest of their lives.

I never signed something so fast. What Apple is doing right now is disgusting.

This is a fantastic introduction to color spaces from Eric Portis.

“Utility-first CSS is more radical. Utility-first CSS is exception-first CSS. And that’s not how exceptions work, in CSS or in general.”

Man, I love the Heydon snark on this one. He lays it on thick, and he’s spot on.

“All Apple is being asked to do is offer than the same level of choice on mobile that everyone already enjoys on their computers. Rather than comply reasonably, Apple have found a way to throw their toys out of the pram.”

A list of known AI user agents and other bots to use in your robots.txt

“It’s still mostly useless”

Absolutely. Give me my dungeons.

“It seems like Web Components are always just on the cusp of finally catching on. They’re like the year of Linux on the desktop for frontend nerds.”

“The time to product demo is so low. You can get far on your own… very quickly… but then… you’re on your own. And it’s possible you’ve built something way past your ability to maintain.”

Solid overview of scroll-driven animations by Adam Argyle

“You can be that curator right now, at this very moment. You can start to rebuild the interconnectivity that made the web fun to explore.”

“It's a story of accidental decision you made without knowing about it.”

“If you have any render-blocking CSS or synchronous JS hosted on third party domains, go and bring it onto your own infrastructure right now.”

How to use prefers-color-scheme media query to add a dark mode to your site.

This is a great list

TIL you can define a perf budget for Lighthouse!

“Google has effectively said, ‘You have to use our browser on our search engine to get the fastest content written in our language.’”

This is fantastic. I’ve had this problem before and I’m excited to see subgrid can address it.

“This is the single biggest reason why I love React. React rethinks problems from first principles.”

“While building a Design System in Angular, React, or Vue is quite a bit better than the too-open-ended approach used in Bootstrap, it has one major flaw: it only works if the rest of your company has standardized on that single framework!”

Great breakdown of why (and WHEN) memoization matters with React hooks

Embrace, extend, extinguish

This is a really good point. Don’t default to :root as the place for all your CSS custom properties

“The way CSS Houdini works brings two advantages: modularity and configurability.”

This is a brilliant idea from Brad Frost

“What we tend to forget is that the environment websites and web apps occupy is one and the same. Both are subject to the same environmental pressures that the large gradient of networks and devices impose.”

Great perspective regarding the difference between Agile and faux Agile

There are a number of reasons to avoid icon fonts. — Here's how to make the switch to SVG, from Sara Soueidan

Yup.

Tutorial on creating a custom useForm hook to simplify form development.

A service to polyfill just what the user needs. Awesome!

Some of these ideas make me feel icky. But others would be quite useful. Optional chaning, anybody?

A nice rundown of some things that aren’t possible in CSS grid, but could be handy.

I’m so excited to start playing with this

Interesting look at the potential problems using setInterval() with React hooks, and a useInterval hook to workaround them

A useTimeTravel hook for easy undo/redo (basically mimicking a lot of Redux patterns) — @swyx

It looks like discussion might have picked up again for scoped styles 🤞🏻

Building a “scroll to top” button using Intersection Observer instead of scroll events

Not sure browser support is quite where I'd want before making this jump, but it sure is an enticing idea.

“Your page will only render as quickly as your slowest stylesheet.”

A great look at optimizing CSS loading from Harry Roberts