|
I've had a loooootttttt of people ask me about Lit. Lit is a framework for creating Web Components, built by Google. It includes data reactivity, a tool for rendering CSS-in-JavaScript, and DOM diffing. As you can probably imagine, I hate it. Here's ...
|
|
|
I got a lot of responses to my article yesterday about the wrong way to build Web Components that insisted that "HTML only shows when the JavaScript loads" is a necessary (and even good) pattern because the Shadow DOM and slots require it. I also had ...
|
|
|
There's not really a "wrong" way to build Web Components. But there are some approaches that are, in my opinion, antithetical to the spirit of them, and maybe miss the point of what makes them so great. Today, I wanted to talk about that in the ...
|
|
|
If you missed the free International Symposium on How to Make Websites Real Good, hosted by 11ty, the video replay is now available online for the entire event. I can't even recommend a specific talk you should watch first. They were all so good!
|
|
|
Last week, we looked at different ways to setup the HTML in a Web Component. One of the challenges with running your code in the constructor() is that sometimes the custom element is created, but none of the nested HTML inside it is ready yet. We ...
|
|
|
Today, I wanted to share two quick resources for understanding CSS better. Misconceptions about CSS Specificity is an article by Bramus that digs into some of the nitty gritty about how CSS specificity works (and some common misconceptions about it). ...
|
|
|
If you've been following my articles on HTML Web Components, you may have come away thinking This looks a lot like traditional DOM manipulation. And you'd be right! Web Components basically do exactly the same thing you can do with HTML and vanilla . ...
|
|
|
I recently had the pleasure of chatting with Kevin Powell for a series of JavaScript explainer videos on his YouTube channel. The first one just went live, and it's on the differences between var, let, and const, and when and why you'd choose one ...
|
|
|
Today, I wanted to share two awesome ways you can learn about HTML Web Components with me! On Thursday, I'll be speaking at the International Symposium on Making Websites Real Good, hosted by 11ty. I'll be talking about what Web Components are, how . ...
|
|
|
Yesterday, we learned how to connect a child and parent Web Component to each other. Today, we're going to look at how to use custom events to provide a more decoupled experience. Let's dig in! ???? Shhh! I'm working on a new workshop-style course on ...
|
|
Search Other Sites