Replacing JavaScript Web Components with HTML-Only Navigation for Icon Resizing
By
Jim Nielsen
Right out the toaster. Reliable, with some real depth.
Summary
The author discusses replacing a JavaScript-based web component for resizing icons on their icon sites with a simpler HTML-only approach. Previously, they used a custom <icon-list> web component with a size attribute (sm, md, lg, xl). The article advocates for using multiple HTML pages and navigations instead of JS-dependent in-page interactions, demonstrating a shift toward simpler, more resilient web development patterns.
Key quotes
· 3 pulledI've been posting about how you can make lots of HTML pages and leverage navigations over in-page, JS-dependent interactions.
Previously, I implemented this functionality as a web component that looked something like this:
Writing about the big beautiful mess that is making things for the world wide web.
You might also wanna read
Why developers should replace JavaScript with modern HTML and CSS alternatives
Aaron T. Grogg argues that as HTML and CSS capabilities have evolved, developers should increasingly replace JavaScript-dependent solutions
htmhell.dev·5mo ago
WebSparks: An AI-Powered Tool for Building Web Applications Without Extensive Coding
WebSparks is an AI-powered software engineer that transforms ideas into fully functional web applications without requiring extensive coding
innovirtuoso.com·18h ago
Joost de Valk publishes open Website Specification: 128 rules for modern, future-proof websites
Joost de Valk, creator of Yoast SEO, published the Website Specification (specification.website) — an open, platform-agnostic reference docu
ppc.land·23h ago
ZX Spectrum BASIC interpreter rebuilt from scratch to run natively in web browsers
A developer has rebuilt the ZX Spectrum's BASIC interpreter from scratch to run in a web browser, without emulating the original Z80 hardwar
boingboing.net·1d ago
How to Set Up an Apache Reverse Proxy for an Ecommerce Website
This article provides a comprehensive, start-to-finish guide on setting up an Apache reverse proxy specifically for ecommerce websites. It c
blog.radwebhosting.com·2d ago
Implementing live text search in React with Firestore Enterprise's built-in search pipeline
Firebase's Firestore Enterprise edition now includes built-in text search support. This article demonstrates how to implement live text sear
firebase.blog·2d ago