The Case for HTML First Web Development
Since its introduction in the early 90s, the web has become the largest application platform available globally. HyperText Markup Language (HTML) has been an essential part of the web since the beginning, as it allows defining webpages in a tree-like manner, including semantics and content. Although the web was never meant to be an application platform, it evolved as such, especially since the early 2000s, as web application frameworks became available. While the emergence of frameworks made it easier than ever to develop complex applications, it also put HTML on the back burner. As web standards caught up, especially with milestones such as HTML5, the gap between the web platform and frameworks was reduced. HTML First development emphasizes this shift and puts focus on literally using HTML first when possible, while encouraging minimalism familiar from the early days of the web. It seems HTML-oriented web development can provide clear benefits to developers, especially when it is combined with comple- mentary approaches, such as embracing hypermedia and moving a large part of application logic to the server side. In the context of the htmx project, it was observed that moving towards HTML can reduce the size of a codebase greatly while leading to maintenance and development benefits due to the increased conceptual simplicity. Holotype-based comparisons for content-oriented websites show performance benefits, and the same observation was confirmed by a small case study where the Yle website was converted to follow HTML First principles. In short, the HTML First approach seems to have clear advantages for web developers, while there are open questions related to the magnitude of the benefits and the alignment with the recent trend of AI-driven web development.
💡 Research Summary
The paper “The Case for HTML First Web Development” argues that modern web development can benefit from a paradigm shift that places HTML, especially the capabilities introduced in HTML5 and the ongoing Living Standard, at the forefront of application design. The author begins by tracing the historical trajectory of the web: from its inception in the early 1990s as a document‑centric platform defined by HTML, through the rise of Web 2.0 and Single‑Page Application (SPA) frameworks in the early 2000s, to the present day where JavaScript‑heavy stacks dominate. This evolution led to the well‑known “div soup” problem, where developers abandoned semantic markup in favor of opaque JavaScript‑generated DOM structures, sacrificing accessibility, performance, and maintainability.
The paper then outlines how HTML5, standardized in 2014 and subsequently maintained as a Living Standard by WHATWG, re‑introduced a rich set of native features—,
Central to the argument is the “HTML First Manifesto” (2023), which enumerates seven principles: (1) the Principle of Least Power—prefer the simplest technology that can accomplish a task; (2) “vanilla” approaches over heavyweight frameworks; (3) minimize build steps; (4) keep client‑side state to a minimum, pushing logic to the server; (5) retain the view‑source affordance for easier debugging; (6) favor lightweight libraries that extend existing HTML concepts rather than introduce new vocabularies; and (7) embrace progressive enhancement. These principles echo earlier web‑design philosophies such as graceful degradation and progressive enhancement, but they are reframed for a post‑HTML5 ecosystem.
The author maps these principles onto concrete HTML‑first patterns. Foldable containers are implemented with without any JavaScript. Semantic elements (article, section, nav, etc.) are advocated to replace generic
Comments & Academic Discussion
Loading comments...
Leave a Comment