HTML with Superpowers

Earlier this year Dave Rupert spoke at An Event Apart’s Spring Summit with a talk on Web Components:

It’s the year 2021. Lots of us are building our websites and apps with components and design systems, perhaps leveraging a JavaScript framework to help glue all the pieces together. The web has matured in the last 5 years and it might be time to start looking at how the Web’s native component system can give our HTML super powers. We’ll talk about how to create, style, and use Web Components in your project today as well as look at how the components you build today may offer a pathway to web standardization and help inform and influence the Web for future generations.

After an introduction on how to use Web Components with HTML, Dave digs into styling Web Components (which CSS selectors/properties pierce the Shadow DOM Boundary and which don’t?) to end with a section on building Web Components with JavaScript (Vanilla and Lit).

HTML with Superpowers (Blogpost)
HTML with Superpowers (Slides)

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.