Some solid advice from a couple of Frontend Masters courses made for a fast, secure, and ready to scale deployment system.
You can capture scrolling events and do your own work with the information in them. It can do cool things, but you've got work to do.
David Bushell is very sick of the “scroll fade” effect. It’s the effect where, as you scroll down a page, elements slide into place. Often, all the elements. I agree it’s overplayed since it’s usually movement for the sake of it, not adding anything to the experience. It’s true that movement catches our eye, but […]
The more effort you put in to what you put in, the higher quality you're going to get out.
Safari has support for <input type=
Turns out `anchor-scope` is pretty darn useful for button/menu setups that will appear multiple times on the same page.
All the big browser makers (and Igalia, a major contributor) dropped their timed blog posts announcing Interop 2026. I’ll link to Apple’s because I like how they used column-width on the feature list and I’m stealing that (in case you see this post directly). I’m a fan of all of it but of course I’m […]
Generics, combined with conditional types can make for an incredibly powerful combination. When you look at things the right way, you can ask very useful questions about your types that allow you to build the precise API you want.
The GOAT JavaScript library jQuery has gone 4.0 coinciding with, from what I hear, was a lovely reunion party. It’s not wildly different, but it’s gone full ESM and dropped a bunch of old stuff. Minified and gzipped it’s 27.6 kB. Version 3.7.1, the last before this release, was 30.5 kB — so it’s nice […]
What can we say except BOINNNGGG BOINNGGGGGG.
I ran across this website Very Good Components the other day and thought it was a neat idea to have a design gallery that wasn’t whole websites but individual components. They actually went a bit further and have configurable code for them. Here’s a Glowing Gradient Divider. I decided to remake it as an <hr> […]
You might need to know this someday: you can style a div, put the div into SVG, then put the SVG in to CSS and use it as a repeating background.
To avoid page loading jank, there are things we can do to avoid content from shifting around, even if repainting is still necessary.
You can style anything you want on the entire page when any given details element is open or closed.
My go-to local app image optimizer has long been ImageOptim. It’s Mac-only (and free), but they suggest alternatives for other platforms. I reach for ImageOptim usually when I want to optimize a whole bunch of images in a batch. For one-offs, you can’t do much better than Squoosh, a great progressive web app (PWA). I […]
Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.
The Canary version of React has a special component for ViewTransitions. Does it help?
>
This post introduces a middleware approach that allows efficient data refetching. The middleware enables the attachment of query keys and server functions, enhancing scalability and flexibility.
I feel like “streaming” will be more and more of a concept in 2026. We can stream HTML, but rarely do. With AI APIs these days, we’re seeing streaming much more commonly. We want to see that LLM kick out an answer word-by-word, as the perceived performance is better that way. What about a JSON […]
> ... we need to be honest about what's happening: the infrastructure that powers modern software development is under financial strain, even as usage reaches all-time highs.