Some thoughts—and kind words—prompted by my recent talk, In And Out Of Style.
This really gets to the heart of one of the biggest benefits of HTML web components: composability. You can nest your regular markup inside multiple custom elements; something that is can’t do.
The other exciting approach doesn’t exist yet: custom attributes. Again, they’d be a great way of using composability to turbo-charge your existing HTML in all sorts of ways.
Here’s another nice progressive web component for your forms, this time for showing error messages.
Here’s an excellent progressive web component from Aaron—wrap a custom element around your exising form and your good to go:
At its core,
form-saveris a small web component that wraps a form, keeps an eye on it, stores values inlocalStorage, and restores them when the page loads again. Better yet, it clears out saved data after a successful submission so you’re not accidentally resurrecting stale information the next time someone stops by.
Great minds think alike! I have a very similar HTML web component on the front page of The Session called input-autosuggest.
A profile of Tim and the World World Web.
How I switched to high-resolution maps on The Session without degrading performance.
Some buggy behaviour has been fixed in iOS 18 but now there’s a new bit of weirdness.
The Patterns Day conference, the workshop the day after, and an Indie Web Camp on the weekend.
I gave a short talk on a big topic.
It’s fine to require JavaScript for read/write functionality. But have you considered a read-only mode without JavaScript?