Stitch Together Lots of Little HTML Pages with Navigations for Interactions
4 hours ago
- #web-development
- #CSS-view-transitions
- #HTML
- The approach involves building websites using Lots of Little HTML pages (LLMs), avoiding JavaScript-driven in-page interactions in favor of multi-page navigations.
- Navigation is enhanced with CSS view transitions for modern browsers, while remaining functional on older devices or browsers without JavaScript.
- An example is a menu that navigates to a separate page instead of expanding in place, using a link styled as a menu button, with closing handled by a modified link that uses JavaScript to go back in history.
- The code uses a simple HTML structure with navigation links that conditionally call history.back() based on document.referrer to manage browser history effectively.
- This method emphasizes simplicity, robust functionality across environments, and small page sizes, shaping design around core browser navigation principles rather than complex runtime executions.