In our previous post A introduction to Web Components we learned the basics of the APIs that when used together can create a compelling and reusable way to make UI components. We learned Web Components communicate primarily via properties and events. Web Components can also use the Shadow DOM API to create template and CSS encapsulation. In this post we are going to look into a project ran by Polymer called lit-html.
tldr; I’m just going to say right now that the dialog element and its polyfill are not suitable for use in production. And it’s been that way since the dialog’s earliest implementation in Chrome, six-ish years ago.
Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.By providing baseline BEM structured CSS and appropriate attributes on elements: Boilerform gives you a head start building forms in the best possible way with a view to being dropped into most projects.
Many people know that you can scan your credit card in Mobile Safari. But how many web developers know how to create a form that supports that feature?
When you navigate around apps on your phone, there's usually some sort of transition, from a simple fade or slide from one screen to another, to more complex transitions that move different elements independently:
ManifeStation - Automagically create your Web App Manifest
Meet the New Dialog Element
Stimulus: A modest JavaScript framework for the HTML you already have.
Building Web Components with lit-html
Having an open dialog | scottohara.me
Boilerform
Autofill: What web devs should know, but don’t - Cloud Four
HTML can do that? - DEV Community 👩💻👨💻
PDFs - NHS digital service manual
HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript
Stimulus Handbook: Managing State
HTML Over The Wire | Hotwire
GitHub - microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
Maximally optimizing image loading for the web in 2021
App Mode: What woulddo?
Smooth and simple page transitions with the shared element transition API - Chrome Developers
yFiles for HTML Programming Samples and Tutorials
Will Serving Real HTML Content Make A Website Faster? Let's Experiment! - WebPageTest Blog
a11yphant
</> htmx ~ Documentation