Frontend Masters Boost RSS Feed
https://frontendmasters.com/blog
Frontend Masters Boost is a blog about web development. It's written by the team at Frontend Masters, 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.
フィード

CSS offset and animation-composition for Rotating Menus
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.
21時間前

JavaScript’s ??= Operator: Default Values Made Simple
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.
2日前

Replace Your Animated GIFs with SVGs
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!
3日前

Breakpoint Columns, Five Ways. Which Do You Like?
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.
6日前

The Joy of Mixing Custom Elements, Web Components, and Markdown
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 […]
7日前

Choosing the Right Model in Cursor
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.
8日前

Unit Formatting with Intl in JavaScript
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 […]
9日前

Getting Started with Cursor
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.
10日前

The return of tech specs
Frontend Masters Boost RSS Feed
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. […]
14日前

Advanced PostgreSQL Indexing: Multi-Key Queries and Performance Optimization
Frontend Masters Boost RSS Feed
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.
15日前