Preface

HTML|> is a usable standard, especially on mobile devices|>. Present browsers support accessible hypertext|> with stylesheets|>CSS and numerous JavaScript|> Web APIs|m>Web/API.

But simple HTML documents are rarely rendered ergonomically: No implicit dark-theme support or a table of contents, strange typesetting. On a touchscreen|>, the font-sizes and touchable areas are too small, and the user input, scrolling and navigation is a bit cumbersome.

So there is good reason for numerous web frameworks and authoring tools that help building powerful web applications and sites.

But which one is a good choice for creating a little hypertext and small programs?

Wish list

1. HTML/CSS based
2. Small and fast
3. Easy integration into editing environments
4. Adjustment of touch-target sizes
5. Split long HTML documents into separate scrollable panels
6. Automatic elements
   • Document title / top heading h1: use meta data
   • Top menu: navigation, orientation, theme and fullscreen
   • Navigation: table of contents
   • Lazy reference links
   • HTML/CSS validators (even to generated content)
7. Small programs need
   • Console
   • Simple source code documentation tool
   • Enhanced input elements
8. Good print style
9. A multi-column view mode with horizontal snap to column and fast page scroll steps (number of visible columns minus one)

DIY|>: /e/

No available framework is matching, so it is time to go to the forge. The basic materials are DOM|>Document Object Model, CSS|>Cascading Style Sheets and JavaScript|>, as delivered by the most common browsers|>Webbrowser: the scratch to build from.

Work in progress

See: Tags|m>Web/HTML/Element, events|m>Web/API/EventTarget/addEventListener, identifiers|h>named-access-on-the-window-object, loading|h>delay-the-load-event, hashChange|h>the-hashchangeevent-interface