Using the shadow DOM as a better iframe original
Here's how we use the Shadow DOM to ensure layout from page doesn't affect the layout of a component.
Read more [mailcoach.app]
Posts tagged with webcomponents
Adding a subscription form to the web views of Mailcoach original
After sending a new edition of my newsletter, I usually tweet out a webview URL together with a URL where people can subscribe to the newsletter. A webview is a hard to guess URL that people who didn't subscribe can visit to read the content of the newsletter.
Join 9,000+ developers
Every month, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
Embed a web page with a web component and the shadow DOM
Seb explains how web components work using a shadow DOM.
Read more [sebastiandedeyne.com]
Create custom, distributable web components with VueJS
Marcel Pociot, author of the excellent BotMan package, published a post on how he used Custom Elements for VueJS to power a widget that users can embed on their sites.
I am currently in the middle of working on a new BotMan feature - a frontend widget that you can embed into your website to make it easier to connect your website visitors with your own self-hosted chatbot solution. The backend / PHP side is already working and leverages the BotMan web driver, which is basically just an API that you can use to interact with your chatbot.
http://marcelpociot.de/blog/2017-12-08-using-custom-vuejs-elements
Defining new elements in HTML
Custom elements give us the tool to extend HTML's vocabulary, teach it new tricks, and jump through the wormholes of the web platform. Combine them with the other new platform primitives like Shadow DOM and , and we start to realize the picture of Web Components. Markup can be sexy again!http://www.html5rocks.com/en/tutorials/webcomponents/customelements/