The Case for HTML First Web Development
DOI:
https://doi.org/10.13052/jwe1540-9589.2553Keywords:
HTML, HTML First, hypermedia, JavaScript, web developmentAbstract
Since its introduction, 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 complementary 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.
Downloads
References
Tim Berners-Lee, Robert Cailliau, Ari Luotonen, Henrik Frystyk Nielsen, and Arthur Secret. The world-wide web. Communications of the ACM, 37(8):76–82, 1994.
World Bank. World Bank Open Data. https://data.worldbank.org/indicator/IT.NET.USER.ZS, 2025. [Accessed 04-08-2025].
Tony Ennis. HTML First – html-first.com. https://html-first.com/, 2023. [Accessed 04-08-2025].
Aleksi Saarinen, Muhammad Zubair Farooqi, Matti Pärssinen, and Jukka Manner. Understanding and mitigating webpage data bloat: Causes and preventive measures. ACM SIGENERGY Energy Informatics Review, 4(5):106–112, 2024.
Juho Vepsäläinen, Arto Hellas, and Petri Vuorimaa. Overview of web application performance optimization techniques. In International Conference on Web Information Systems and Technologies, pages 45–62, Heidelberg, Germany, 2023. Springer, Springer.
Raúl Tabarés. HTML5 and the evolution of HTML; tracing the origins of digital platforms. Technology in Society, 65:101529, 2021. ISSN 0160-791X. . URL https://www.sciencedirect.com/science/article/pii/S0160791X2100004X.
W3C. History – w3.org. https://www.w3.org/about/history/, 2005. [Accessed 05-08-2025].
Juhana Laakso. Comparison of the standardization processes of ECMAScript, HTML, and CSS. Bachelor’s thesis, Aalto University, 2025.
Tim O’reilly. What is web 2.0. ”O’Reilly Media, Inc.”, CA, USA, 2009.
Juho Vepsäläinen. Emergence of hybrid rendering models in web application development. PhD thesis, School of Science, 2025.
Daniel Pfeiffer. Mastering Mobile Learning. Wiley Online Library, NJ, USA, 2014.
Loren Stewart. A Progressive Complexity Manifesto — Loren Stewart – lorenstew.art. https://www.lorenstew.art/blog/progressive-complexity-manifesto, 2025. [Accessed 23-10-2025].
Aaron Gustafson. Adaptive web design: crafting rich experiences with progressive enhancement. New Riders, Indianapolis, IN, 2015.
John Wells and Chrisina Draganova. Progressive enhancement in the real world. In Proceedings of the Eighteenth Conference on Hypertext and Hypermedia, pages 55–56, NY, USA, 2007. ACM.
Alexander Petros. Behavior Belongs in the HTML – unplannedobsolescence.com. https://unplannedobsolescence.com/blog/behavior-belongs-in-html/, 2023. [Accessed 12-11-2025].
Mozilla. : The Details disclosure element. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details, 2025a. [Accessed 22-08-2025].
Ian Hickson and David Hyatt. HTML5. W3C working draft WD-Html5-20110525, 53: 1–863, 2011.
HTML Living Standard. HTML Standard. https://html.spec.whatwg.org/multipage/forms.html, 2025. [Accessed 27-08-2025].
Can I Use. Form validation. https://caniuse.com/form-validation, 2025a. [Accessed 27-08-2025].
Can I Use. dialog. https://caniuse.com/?search=dialog, 2025b. [Accessed 27-08-2025].
Denise Tolhurst. Hypertext, hypermedia, multimedia defined? Educational technology, 35(2):21–26, 1995.
Alpine documentation. Alpine.js – alpinejs.dev. https://alpinejs.dev/, 2025. [Accessed 28-08-2025].
htmx documentation. htmx – high power tools for html. https://htmx.org/, 2025. [Accessed 28-08-2025].
Alexander Petros. Triptych Proposals – alexanderpetros.com. https://alexanderpetros.com/triptych/, 2025. [Accessed 12-11-2025].
Roy Thomas Fielding. Architectural styles and the design of network-based software architectures. University of California, California, Irvine, 2000.
OpenAPI specification. OpenAPI Specification – Version 3.1.0 — Swagger – swagger.io. https://swagger.io/specification/, 2025. [Accessed 12-11-2025].
Juho Vepsäläinen, Petri Vuorimaa, and Arto Hellas. The potential of serverless edge-powered islands for web development. Journal of Web Engineering, 24 (1):1–38, 2025.
Carson Gross. htmx A Real World React -> htmx Port – htmx.org. https://htmx.org/essays/a-real-world-react-to-htmx-port/, 2022. [Accessed 12-11-2025].
Carson Gross. htmx Another Real World React -> htmx Port – htmx.org. https://htmx.org/essays/another-real-world-react-to-htmx-port/, 2023. [Accessed 12-11-2025].
Pouria Ezzati. htmx Next.js to htmx A – Real World Example – htmx.org. https://htmx.org/essays/a-real-world-nextjs-to-htmx-port/, 2024. [Accessed 12-11-2025].
Joe Fioti. htmx A Real World wasm to htmx Port – htmx.org. https://htmx.org/essays/a-real-world-wasm-to-htmx-port/, 2025. [Accessed 12-11-2025].
Sahil Lavingia. htmx – Why Gumroad Didn’t Choose htmx – htmx.org. https://htmx.org/essays/why-gumroad-didnt-choose-htmx/, 2024. [Accessed 12-11-2025].
Lighthouse. Lighthouse performance scoring — Chrome for Developers – developer.chrome.com. https://developer.chrome.com/docs/lighthouse/performance/performance-scoring, 2025. [Accessed 10-09-2025].
Mozilla. Web Components – Web APIs — MDN – developer.mozilla.org. https://developer.mozilla.org/en-US/docs/Web/API/Web_components, 2025b. [Accessed 28-08-2025].
Patrick Brosset. State of HTML 2024: Conclusion. https://2024.stateofhtml.com/en-US/conclusion/, 2024. [Accessed 28-08-2025].
Open UI. Open UI – open-ui.org. https://open-ui.org/, 2025. [Accessed 05-11-2025].
Jeff Atwood. Conversations with Erich Gamma – blog.codinghorror.com. https://blog.codinghorror.com/conversations-with-erich-gamma/, 2005. [Accessed 07-08-2025].
Pyry Pohjalainen. Artificial intelligence for web development: Perspectives from industry and literature. Master’s thesis, Aalto University, 2025.
Liangbo Ning, Ziran Liang, Zhuohang Jiang, Haohao Qu, Yujuan Ding, Wenqi Fan, Xiao-yong Wei, Shanru Lin, Hui Liu, Philip S Yu, et al. A survey of webagents: Towards next-generation ai agents for web automation with large foundation models. In Proceedings of the 31st ACM SIGKDD Conference on Knowledge Discovery and Data Mining V. 2, pages 6140–6150, NY, USA, 2025. ACM.
Ann Marcus-Quinn. The EU accessibility act and web accessibility directive and the implications for digital teaching and learning materials. Routledge Open Research, 1(30):30, 2022.
