Today, I've been thinking about how the industry could use a progressively enhanced HTML Web Component library. Something that's less a whole framework and more like Legos you can mix-and-match as needed. Let's dig in! The ideaI'm imagining a system that includes…
I'm imagining something that can be loaded directly from a CDN, downloaded locally, or imported if you want to roll your own build. I'm imagining something where you can use just the bits you need, and leave out the stuff you don't. Mostly HTML and a few classesWhen I write HTML, I like to be able to use HTML elements without having to slap classes on things by default.
I like using utility classes to nudge and tweak layouts differently than the defaults.
And I like using group classes to avoid using groups of utility classes for common patterns.
I call this approach HUG CSS. Progressively enhanced HTML Web ComponentsWhen I use Web Components, I usually use them to enhance some already functional HTML. For example, I might have a
Or I might use a Web Component to turn some headings into an accordion group…
This is different from how a system like, say, Web Awesome works. In that library, a
I get why some folks like this. It's very React-like. But I also think it defeats so much of the power of Web Components. Other ideasI love that Web Components self-instantiate…
But I would also love an option to let folks bind Web Components to their own custom elements if they'd prefer…
I could also imagine a CDN that returns just the stuff you need, without you ever having to run a build.
Or a web builder where you can select the stuff you want to include, and it spits out a build for you (both minified and unminified). I'd like to build this!I've already got a lot of the pieces.
Would a freemium open source project like this be interesting to you? I'm not sure what the free vs. pro setup would look like yet, but I'd like to keep as much of the core functionality as possible free, with some advanced components, the builder, and/or personal support as part of a pro purchase. I'd love to hear your thoughts! Like this? A Go Make Things membership is the best way to support my work and help me create more free content. Cheers, Want to share this with others or read it later? View it in a browser. |
0 Komentar untuk "[Go Make Things] An HTML Web Component library"