TLDR
-
Build site interactions as multi-page HTML navigations enhanced with CSS view transitions, eliminating most JavaScript dependencies entirely.
Key Takeaways
-
Replace JS-driven UI (menus, modals) with dedicated HTML pages linked via
<a href> tags, enhanced optionally with CSS view transitions.
-
Menu open/close uses two static nav snippets; JS only handles
history.back() to avoid polluting browser history.
-
document.referrer check distinguishes in-site navigation from direct URL visits, deciding whether history.back() is safe to call.
-
CSS view transitions layer on top gracefully: modern browsers get animation, older or JS-disabled browsers get a plain functional link.
-
The constraint of multi-page architecture actively shapes design toward smaller pages, faster loads, and more robust interactions.
Hacker News Comment Review
-
No substantive HN discussion yet.
Original | Discuss on HN
