Container queries are similar to media queries but allow you set styles based on a particular element’s current size, typically the width. This is super handy because you can write CSS in a way that gives flexibility to the layout! With @media queries, there’s a tight coupling of the styling of a component’s content and […]
The concept of event delegation in JavaScript boils down to this: rather than attach event handlers directly to the element triggering the event, attach it to an element higher up in the DOM. The event should bubble up there anyway, and you can test the event’s trigger element to ensure you’re responding to the event […]
What is a quantity query? It’s a bit of CSS that allows you to style an element (and its descendants) based on how many children the element has. Example of a Quantity Query Situation Imagine a homepage currently showing 20 articles, more than you normally show. Maybe it’s a slow news day, and the lead […]
First: the Light DOM is just… the regular DOM. When people talk about native Web Components, the Shadow DOM comes up a lot. I have extremely mixed feelings about the Shadow DOM. On one hand, it’s a powerful scoping tool. For example, CSS applied inside the Shadow DOM doesn’t “leak” outside, meaning you can be […]
If you need a mini build process just for your CSS, Lightning CSS is a pretty good modern choice. That, plus a file watcher and live reloader offers pretty good DX.
“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.
When we chat about AI, getting lost in a sea of buzzwords and futuristic predictions is easy. We’ve all heard the debates – will AI revolutionize our world or make our jobs obsolete? So, let’s look beyond the hype and instead look at how AI can help with the subject of my course on creating high-converting […]
Do you ever feel like the web has turned into Mos Eisley, “a wretched hive of scum and villainy”? A place where anything goes as companies attempt to persuade us to click, download or buy. The web seems full of deceptive design patterns that use psychology to manipulate people into handing over personal information (also known […]
How often have you scrambled to assemble a resume, only never to hear back from the company you applied to? You’re not alone. Often your resume competes against hundreds (or even thousands!) of other resumes. So…how do you get noticed? A resume isn’t something most people regularly update (even though we probably should). When you […]
If you start an app project today, there are some simple decisions, such as the cloud provider or the backend stack you will use. But the biggest challenge is to choose the right frontend app platform: PWA or native? Flutter or one native app per platform? What about React Native? You are looking for a […]
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.
