That HTML Blog Weekly Digest #5: SSR'ing Web Components, <dialog> and more!
Friday, August 18, 2023
Hello folks! Another week has passed us by. This time the big news is I spent a chunk of time and effort to try my hand at utilizing the SSR (Server-Side Rendering) capabilities of several different custom element formats. It was an interesting exercise, and the results may surprise you!
I was also quoted this week in yet another article outlining the debate around Tailwind CSS. Honestly, the article felt low effort and (yet again) provided no new information, so I won't even bother linking to it. Truth is I'm sick of the debate already. And I suspect you are too. Just write CSS! It's not rocket science folks. 😅
All right then, onward we go…
HTML, Then CSS, Then JavaScript ➦
Something I talk about all the time and y’all will get sick of me talking about it, is this order of development operations.
Server-Rendering Web Components in Enhance, Lit, & WebC ➦
I mused recently about how easy (or not) it might be to spin up a simple Node server and try server-rendering some web components with the latest batch of formats like Enhance, Lit SSR, and WebC.
I ended up building a sample project with each of those three technologies, comparing the wins and the pitfalls, and providing some additional commentary on the future of HTML-first, server-first web components.
HTML’s New Dialog ➦
The <dialog> element is seriously one of the most awesome additions to vanilla HTML in recent memory, and the API it provides through CSS and JavaScript is quite exciting.
Chris Ferdinandi provides a comprehensive overview of how to use this new element, particularly as a compelling replacement for old-school methods like prompt.
P. S. If you've been enjoying That HTML Blog lately, tell all your friends! ✌️