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.
フィード

Three Approaches to the “&” (ampersand) Selector in CSS
Frontend Masters Boost RSS Feed
The & is a powerful addition to CSS, allowing us to craft selectors without repetition and helping organization and understanding.
11時間前

CRDTs and Y.js
Frontend Masters Boost RSS Feed
Realtime applications (or games!), where multiple users are working at once and the state of the app needs to be in sync with each other and persisted, is more and more a common need and expected feature. But it’s not simple. There are products to help (PouchDB for data and Ably for messaging come to […]
1日前

HTML & CSS for a One-Time Password Input
Frontend Masters Boost RSS Feed
The typical approach for these inputs is using multiple HTML inputs, one for each character. But is that a good idea?
2日前

Find a Unicode Character via Quick Sketch
Frontend Masters Boost RSS Feed
There are 155,063 Unicode characters. A lot of that is stuff from other languages, but there is still a large amount of randomly useful characters like arrows and symbols and whatnot. There are so many that even if you find good lists, it’s hard to search and sort. I like Benjamin Milde’s idea, shapecatcher, that […]
3日前

Notes on the Code Editors with AI Landscape
Frontend Masters Boost RSS Feed
There are A LOT of options these days for getting AI help right in your code editor. What seemed to begin with plugins has morphed into a lot of VS Code forks.
4日前

Kern Type
Frontend Masters Boost RSS Feed
Kerning type is moving individual letters such that the space between them feels right. It’s not something you have to be terribly concerned about with web type generally, but it’s still a good design skill to have for working on type that is quite large or long-lasting like a physical sign, logo, giant headline, etc. […]
8日前

Mapping with Leaflet
Frontend Masters Boost RSS Feed
Leaflet.js is a free open-source mapping library. We'll look at how to use it to create a basic map with location points of cats up for adoption.
9日前

‘Design Engineer’ as a Job Title
Frontend Masters Boost RSS Feed
David Darnes asks: Is 2025 the Year of the ‘Design Engineer’? It’s arguably a bit of a new term and being used more and more as a job title. Like most job titles, it doesn’t have the strongest agreed upon definition, but it’s honing in around the front end and essentially a designer who can […]
10日前

Full-Bleed Layout with Modern CSS
2

Frontend Masters Boost RSS Feed
Just four declarations in CSS can handle this nicely, while avoiding the vertical scrollbar issue.
11日前

What I’ve learned about writing AI apps so far
Frontend Masters Boost RSS Feed
Some plain-language baby-bear porridge writing from Laurie Voss: Is what you’re doing taking a large amount of text and asking the LLM to convert it into a smaller amount of text? Then it’s probably going to be great at it. If you’re asking it to convert into a roughly equal amount of text it will […]
14日前