Master.dev Blog RSS Feed
https://master.dev/blog
The Master.dev blog is about web development. It's written by the team at Master.dev, course instructors from the industry, and curated guest authors. The goal is to help you on your path to becoming a senior developer, or to be an even better one.
フィード

When You Need To Make a Triangle, Think Conic Gradients
Master.dev Blog RSS Feed
Certainly it isn't the *only* way, but you've got a lot of angular control with conic-gradient() and it's fun to work with.
2日前

Using `animation-composition` in CSS to Avoid Redeclaring Other Values
Master.dev Blog RSS Feed
Here's an example. You can list multiple comma-separated box-shadows, but if you apply a *new* box-shadow, it overrides anything set before. Not true here.
3日前

Nub
Master.dev Blog RSS Feed
Nub looks like an interesting new “toolchain” for Node.js. It’s one of those “it makes everything you already do faster” sort of things, like installing and running scripts. Bytes.dev… … won’t be surprised if it becomes the de facto way to season your Node.js app. You can get some of these advantages by switching runtimes, […]
5日前

Durable Objects on Cloudflare
Master.dev Blog RSS Feed
This is a post on one of Cloudflare’s coolest features: Durable Objects. We’ll introduce what they are, how they work, and walk through a reasonably realistic use case for them. Cloudflare Workers Review I’ve written about Cloudflare Workers previously, with an introduction to them and a post about some of the slightly unorthodox things you […]
6日前

Masonry (with Animation) in CSS
Master.dev Blog RSS Feed
Masonry.js was famous for creating, uh, Masonry layouts. But it did something else, too: animate fluid grids. Here's a way to get that in native CSS as well as the layout.
9日前

Lumis: Syntax Highlighter powered by Tree-sitter
Master.dev Blog RSS Feed
Lumis looks like a pretty sweet new syntax highlighter tool. Powered by Tree-sitter, of which I can vouch for its speed and power. I like how many runtimes it supports, almost encouraging server-side use, which is the best place for the job when you can pull it off.
10日前

Lessons Learned Rewriting a Sticky Detector
Master.dev Blog RSS Feed
A dozen years go by, it turns out we can do things a lot differently and a lot better. Here a `scroll` event is entirely replaced by HTML and CSS features and much better performance.
11日前

FixCSS
Master.dev Blog RSS Feed
There is a famous document from the CSS Working Group that lists the historical mistakes in the design of CSS. It contains stuff like how box-sizing: border-box; should have been the default, which is why a lot of us still put that in starter stylesheets. Declan Chidlow took a step I’ve never seen anyone take […]
11日前

In-N-Out Animation using sibling-index()
Master.dev Blog RSS Feed
Temani mimics a View Transition by placing items using their index and translations. The placement calculation change when the index changes, which is an animation opportunity!
13日前

The Siren Song of ariaNotify()
Master.dev Blog RSS Feed
Mat Marquis details the good-and-dangerous of a new method which we can just make a screenreader say something. There’s a brand new ariaNotify() method — defined by the Accessible Rich Internet Applications (WAI-ARIA) 1.3 Specification — that provides you with a means of programmatically triggering narration in a screen reader. It accepts a string as its first argument, and […]
15日前