Artwork

Content provided by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!

5: Web Components, front and center

54:50
 
Share
 

Manage episode 292849635 series 2915019
Content provided by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

In this episode we focus on web components. Poul gives a short intro to what they are and brings up some of the benefits of using web components, and also some of the disadvantages. We talk about the shadowDOM, encapsulation, ::part , slots, builders/compilers and framework integrations. Will web components replace JS frameworks? How do you go about styling a web component?

🔗 LINKS

Web Components

Using shadowDOM

::part

Explainer: CSS Shadow ::part and ::theme

Adele - design systems repository

Inheritable styles

Lit 🔥

StencilJS

StencilJS Store

Lion web components

fast.design

@deckdeckgo/lazy-img - image lazy load web component

  continue reading

21 episodes

Artwork
iconShare
 
Manage episode 292849635 series 2915019
Content provided by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

In this episode we focus on web components. Poul gives a short intro to what they are and brings up some of the benefits of using web components, and also some of the disadvantages. We talk about the shadowDOM, encapsulation, ::part , slots, builders/compilers and framework integrations. Will web components replace JS frameworks? How do you go about styling a web component?

🔗 LINKS

Web Components

Using shadowDOM

::part

Explainer: CSS Shadow ::part and ::theme

Adele - design systems repository

Inheritable styles

Lit 🔥

StencilJS

StencilJS Store

Lion web components

fast.design

@deckdeckgo/lazy-img - image lazy load web component

  continue reading

21 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Quick Reference Guide