Checkboxes and labels used to have to be right next to each other to be a potent UI duo. You could do trickery like this: <label for="toggle">Toggle</label> <input type="checkbox" id="toggle"> <div></div>Code language: HTML, XML (xml)#toggle:checked + div { /* Do something fancy in here with a toggleable on/off state */ }Code language: CSS (css)But now, thanks to :has() in CSS, we’re not beholden

Front End or Full Stack? A Replay of an Interesting Discord Conversation March 18, 2024 If you’re an active Frontend Masters member, under the Apps section of your account you can join our Discord community to chat with fellow developers. There are often great conversations there. Here’s one about choosing a path to focus on. Should I go deeper into front end, or expand to learning full stack? xSO

Patterns for Reactivity with Modern Vanilla JavaScript August 21, 2023 “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. Reactivity Patterns are Core to Web DevelopmentWe handle a lot with JavaScript in websites and web apps since the browser is an entirely asynchronous environment. We mus