Master.dev Blog – Helping Your Journey to Senior Developer

Latest Articles

calc-mix()CSS Fluid Typography font-size progress()Typography

Fluid Typography with progress()

By Matthew Morete on Jun 29, 2026

With the `progress()` function in CSS we’ve got a new way to calculate the size for type based on the viewport without problems of the past.

Cloud Functions Cloudflare Cloudflare Workers Node TanStack

Introduction to Cloudflare Workers for Web Apps

By Adam Rackis on Jun 26, 2026

Maybe you don’t need a traditional server to run a web app that needs a node server backend. Maybe the requests that need that can go to a cloud function on demand.

CSS Gap Gap Decorations rule

Let’s Play With Gap Decorations!

By Temani Afif on Jun 24, 2026

The `rule` (and friends) CSS property allows us to draw markers (like borders) in the gaps between columns and rows (and flex items!)

Data Database

Your Database’s Isolation Levels Don’t Mean What You Think

By Durgesh Rajubhai Pawar on Jun 22, 2026

A tour through Read Committed, Repeatable Read, and Serializable, and why the same three words guarantee completely different things depending on which database you ask.

Animation CSS JavaScript View Transitions

In-N-Out Animations: View Transitions (Part 3/3)

By Chris Coyier on Jun 19, 2026

View Transitions are of unique help in applying an animation to an element even when you are literally removing it from the DOM.

@function CSS if()

The Scope of CSS @function

By Jane Ori on Jun 16, 2026

There are some real advantages to variable scope and evaluation scope that you get with @function in CSS.

The Beat

Jacky Gilbertson writes about the real job of design in Uber for Dogs: How to Stop & Think for Design. It doesn’t have anything to do with pixels and colors at first; it has to do with what problem is trying to be solved, why, and for whom. Perhaps it’s an overloaded term, but design isn’t really design if you’re pushing pixels without answers to these questions.

Google released an AI “skill” at Google I/O last month called Modern Web Guidance. It’s essentially a folder of nested Markdown files that AI agents know how to read and use as part of their context window when they deem appropriate. This skill has a bunch of HTML/CSS/JavaScript information that guides AI to, hopefully, do a much better job at these languages than even high-power models do alone (because there is always a time-and-training gap between platform releases and model updates).

Honestly I’ve found it to do a pretty good job, handling things like fallbacks and user preferences (e.g. prefers-reduced-motion) well, which is too easily forgotten. Check out this Markdown file, which essentially explains (in AI-speak) how to do what I taught you to do (in Human-speak) in my series In-N-Out Animations. I’m not going to vouch for it producing perfect and accessible code every time or anything foolish like that. You should know what you’re doing.

Adam knows better than anyone, CSS knows about the user, device, variables, layout and more. But there is a little bit of information that CSS doesn’t have. Like what’s the current value of a range input exactly? What are the exact coordinates of the mouse? It’s not hard to pass over that information to CSS from JavaScript as Custom Properties, but even better, Adam has a new library for that.

With Prop For That, you just declaratively specify on any element the props you want, and live props show up.

If you’re on Bluesky (like this site is!), you’re using atproto. Standard.site is, as best I understand it, a userland agreed-upon schema for what certain stuff looks like on the protocol, like a “publication” and a “document”. Mat is cautiously optimistic in trying to understand it:

The most obvious use case is allowing users on a platform like Bluesky to subscribe to an RSS-like feed of, say, blog posts, the way they would follow any other account on the service. If you tease that use case out just a little from there, it paves the the way for microblogging powered by your own website, with the content hosted and fully owned by you.

Mat got his working (as did David), which was a decent amount of work when you’re running your own build process and whatnot. Fortunately for me, I just installed the WordPress plugin, which works pretty good (notice the extra-fancy “preview card”).

Featured

Totally Free Course: Claude Code

Popular

Latest Articles

Fluid Typography with progress()

Introduction to Cloudflare Workers for Web Apps

Let’s Play With Gap Decorations!

Your Database’s Isolation Levels Don’t Mean What You Think

In-N-Out Animations: View Transitions (Part 3/3)

The Scope of CSS @function

The Beat

Featured

Totally Free Course: Claude Code

Popular

Latest Articles

Fluid Typography with progress()

Introduction to Cloudflare Workers for Web Apps

Let’s Play With Gap Decorations!

Your Database’s Isolation Levels Don’t Mean What You Think

In-N-Out Animations: View Transitions (Part 3/3)

The Scope of CSS @function

The Beat

Uber for Dogs: How to Stop & Think for Design

Modern Web Guidance

Prop For That

Implementing Standard.Site

Subscribe

Wanna write?