Frontend Masters Blog
frontendmasters.com/blog/
Git Worktrees: Git Done Right
I admit I’ve never once used a Git Worktree. But Nick Taylor has a pretty good intro that compels me. (Nick credits bashbunni for her own intro). Git worktrees let you check out multiple branches from the same repository simultaneously, each in its own working directory. Instead of constantly switching between branches with git checkout, you […]
APIs vs. SDKs: Key Differences, Use Cases, and Best Practices
One of the dev jobs out there is DevRel or “Developer Relations”. A role like that is very likely going to involve teaching and helping people learn a products API. And, if the company has one, SDK’s around that API. Can you articulate the difference between them? At a minimum, that would be good to […]
The Coyier CSS Starter
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
Code portability
Another good one from Nicholas C. Zakas this time on code portability. Here’s some choices he made for a recent projects: Portability indeed!
What You Need to Know about Modern CSS (2025 Edition)
If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples.
CSS offset and animation-composition for Rotating Menus
The article explains how to design and animate a *circular* menu (that rotates in a circle!) in CSS using offset and animation-composition.
JavaScript’s ??= Operator: Default Values Made Simple
Nice reminder about JavaScript evolving to be more useful from Trevor I. Lasn: The final line there uses what is called the “The nullish coalescing assignment operator assignment operator” in case you need to impress people at parties.
Replace Your Animated GIFs with SVGs
You can animate an .svg and it will play even with an `` or `background-image`, making it a viable GIF replacement if you can pull it off!
Breakpoint Columns, Five Ways. Which Do You Like?
There are usually multiple ways to do the same thing on the web. Sometimes... a lot of ways. Which is
The Joy of Mixing Custom Elements, Web Components, and Markdown
One of the nice things about Markdown is that you can just… put HTML in there too. There is no Markdown shortcut for a <div>, but you can just use a <div>. That means you can use use <my-custom-element> as well, bringing the world of Web Components into your writing and creating of content. Deane […]
Choosing the Right Model in Cursor
Cursor has an
Unit Formatting with Intl in JavaScript
Raymond Camden: It’s been a little while since I last blogged about my favorite web platform feature, Intl. Favorite?! Big words. As someone who does technical writing, though, I get it. Let’s say you have a number, like 392, and you need to display that as megabytes. What is the absolutely correct way to show […]
Getting Started with Cursor
Cursor is an AI-focused VS Code fork. Here's Steve Kinney with a nice overview of what it offers and how to start getting help out of it right away.
The return of tech specs
Nicholas C. Zakas: I’m confident that going forward, software engineers will need to relearn how to create detailed tech specs for complex changes. It’s also likely that AI will help write and review these specs before implementing them. It’s time to embrace tech specs again because they can be a key to advancing your career. […]
Advanced PostgreSQL Indexing: Multi-Key Queries and Performance Optimization
Postgres creates an execution plan for how to retrieve the data you're asking for in a query. The execution plan is based in part on statistics from your data and indexes it has available. Just the right index and a bit of query tuning can have a huge payoff in performance gains that your users will notice.
Style your underlines
Jeremy Keith: We shouldn’t rely on colour alone to indicate that something is interactive. Then goes on to show how links should be underlined, but that the default underline can be a little intense, and essentially shows how to chill them out. Exactly like we showed! I still think it’s a great balance.
Introduction to Postgres Indexes
This Part 1 (of a 2-part series) is a practical, hands-on, applicable approach to database indexes. We’ll cover what B Trees are with a focus on deeply understanding, and internalizing how they store data on disk, and how your database uses them to speed up queries. This will set us up nicely for part 2, […]
The `-path` of Least Resistance (Part 2)
This time we're looking at offset-path (and friends), which can be used to create movement when animated and benefits from all the same fancy functions that we learned about with clip-path.