Last week, the CSS WG resolved to add an inline if() to CSS. But what does that mean, and why is it exciting? Last week, we had a CSS WG face-to-face meeting in A Coruña, Spain. There is one resolution from that meeting that I’m particularly excited about: the consensus to add an inline if() to CSS. While I was not the first to propose an inline conditional syntax, I did try and scope down the various nonterminating discussions into an MVP that can actually be implemented quickly, discusse...| lea.verou.me
Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once| CSS-Tricks
Learn how to declaratively add behavior to buttons with the Invoker Commands API. Join James Stuckey Weber and Miriam Suzanne for a live conversation with special guest Luke Warlow, Web Platform Engineer at Igalia.| OddBird
Attributes and properties allow you to control how HTML elements function and read data about their state. Although the terms are often used interchangeably, subtle differences between the two can lead to unexpected behavior and bugs.| Cloud Four
In a previous post, I said that a web component’s connectedCallback and disconnectedCallback should be mirror images of each other: one for setup, the other for cleanup. Sometimes, though, you want to avoid unnecessary cleanup work when your component has merely been moved around in the DOM: This can happen when, for example, your component […]| Read the Tea Leaves
I really appreciated Cory LaViska’s take on #WebComponents here. Especially this bit:| Aaron Gustafson: Latest Posts & Links
<p>David Darnes already made <a href="https://darn.es/code-pen-web-component/">a <code><code-pen></code> web component</a>. It’s great. It takes code, and creates a pen from that code. But I don’t want to create a pen, I want to embed one.</p>| Miriam Eric Suzanne
Web Components are a polarizing feature that seem simultaneously old news and not quite ready for production yet. But we’ve been making things with Web Components, and finding some areas where they really work well. Join us, along with special guest Zach Leatherman of 11ty, to hear more about how we’re using them, what they work well for, and why we’re excited about them.| OddBird
A few weeks back I released a web component to enable you to add requirement rules to checkbox groups. Continuing in the form utility space, I’ve created a new web component that allows you to make fields required based on the values of other fields: form-required-if.| www.aaron-gustafson.com
HTML checkboxes debuted as part of HTML 2.0 in 1995. Our ability to mark an individual checkbox as being required became part of the HTML5 spec that published in 2014. A decade later, we can still only make checkboxes required on a case-by-case basis. To overcome this limitation, I had created a jQuery plugin that allowed me to indicate that a user should choose a specific number of items from within a checkbox group. Yesterday I turned that plugin into a web component: form-required-checkboxes.| www.aaron-gustafson.com
The new crop of AI tools are already supercharging design system efforts across many categories, and we’re helping our clients use AI to do exactly that. Big Medium’s Brad Frost, Kevin Coyle, and Ian Frost show how.| Big Medium
How do you embed 3D models in web pages? How do you do so without slowing down your site? We’ll review the file formats, 3D model viewers, user experience, optimizations, and proposed future web standards.| Cloud Four
I was recently building a web app using Polymer 2.0 and need to include some SVG assets for wider resolution support. As you may know, Polymer fully supports native shadow DOM with the 2.0 version. When using...| Ali Naci Erdem Personal Blog RSS
Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff? Remember how exciting it was to be able to do sliders, color pickers, dialogs, disclosure widgets straight in the HTML, without having to include any widget libraries?| lea.verou.me
Everyone’s talking about HTML Web Components, and I think it’s the start of something magical!| Cloud Four
I'm still getting used to this| Miriam Eric Suzanne
Dave Rupert recently made a bit of a stir with his post “If Web Components are so great, why am I not using them?”. I’ve been working with web components for a few years now, so I…| Read the Tea Leaves