Another good one from Nicholas C. Zakas this time on code portability. Here’s some choices he made for a recent projects: Portability indeed!| Frontend Masters Boost RSS Feed
The article explains how to design and animate a *circular* menu (that rotates in a circle!) in CSS using offset and animation-composition.| Frontend Masters Boost RSS Feed
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.| Frontend Masters Boost RSS Feed
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!| Frontend Masters Boost RSS Feed
There are usually multiple ways to do the same thing on the web. Sometimes... a lot of ways. Which is "better" can be a matter of taste or which abstraction buys the most value. Check out this CSS example and see which you prefer.| Frontend Masters Boost RSS Feed
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 […]| Frontend Masters Boost RSS Feed
Cursor has an "auto" mode, "but if you care about cost or predictability, it’s worth picking models manually." says Steve Kinney.| Frontend Masters Boost RSS Feed
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 […]| Frontend Masters Boost RSS Feed
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.| frontendmasters.com
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.| frontendmasters.com
(Only Safari Technical Preview!) Awfully cool `random()` is coming in CSS. The design possibilities are quite cool.| frontendmasters.com
All the browsers DevTools have a way of emulating color modes. The are essentially faking the system preference at the application level. Here's where those controls are located and another nice tool.| frontendmasters.com
You can get your hands on ranges of text in JavaScript, then apply a named| frontendmasters.com
You can keep it chill and just use HTML email to apply a nice typeface, reign in the line length, use real links, and honor dark mode.| frontendmasters.com
Blobs! Gooey weird shapes you can fill with any background and even animate.| frontendmasters.com
TanStack Router is a comprehensive JavaScript framework for client-side applications, emphasizing type-safe routing and navigation. It includes nested layouts and efficient data loading.| frontendmasters.com
TanStack Router is one of the most exciting projects in the web development ecosystem right now, and it doesn’t get nearly enough attention. It’s a fully fledged client-side application framework that supports advanced routing, nested layouts, and hooks for loading data. Best of all, it does all of this with deep type safety. This post […]| frontendmasters.com
“Reactivity” is how systems react to changes in data. There are many types of reactivity, but for this article, reactivity is when data changes, you do things.| frontendmasters.com
JavaScript Frameworks generally do a lot of DOM handling for you, but doing it yourself can be the most performant option, and there are quite a few best practices.| frontendmasters.com
CSS developers got the ultimate dream: container queries. But now that they are here, are we actually reaching for them as much as we thought we would?| frontendmasters.com
My goal with this bookmarkable guide is to provide a list of (frankly: incredible) new additions to CSS lately. There is no hardline criteria for this list other than that these things are all fairly new and my sense is that many people aren’t aware of these things. Or even if they are, they don’t […]| frontendmasters.com
If you find yourself removing a border from an element that has a border and are tempted to use border: 0 , border: none, or outline: none, I’d urge you to stop for a moment and reconsider. It’s like the old G.K. Chesterton saying about fences: Do not remove a fence until you know why […]| frontendmasters.com
Safari 17.4 dropped an interesting an unexpected feature, a native UI toggle switch control! It’s so new it’s not even in the HTML spec yet. While that might be a blocker for your project, you can use it today as a progressive enhancement on top of the standard checkbox input.| frontendmasters.com
You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your| frontendmasters.com