Webstrates # A Platform for Modern Computational Media Overview # Webstrates is a platform to explore software as computational media (read more in the “Background” below). Webstrates is a webserver where the pages it serves are collaboratively editable. This means that modifications to the Document Object Model (DOM), for instance, using the developer tools of a web browser, are synchronized with the server and with all other clients currently visiting the same webpage.
Between Principle and Pragmatism: Reflections on Prototyping Computational Media with Webstrates
Computational media describes a vision of software, which, in contrast to application-centric software, is (1) malleable, so users can modify existing functionality, (2) computable, so users can run custom code, (3) distributable, so users can open documents across different devices, and (4) shareable, so users can easily share and collaborate on documents. Over the last ten years, the Webstrates and Codestrates projects aimed at realizing this vision of computational media. Webstrates is a server application that synchronizes the DOM of websites. Codestrates builds on top of Webstrates and adds an authoring environment, which blurs the use and development of applications. Grounded in a chronology of the development of Webstrates and Codestrates, we present eight tensions that we needed to balance during their development. We use these tensions as an analytical lens in three case studies and a game challenge in which participants created games using Codestrates. We discuss the results of the game challenge based on these tensions and present key takeaways for six of them. Finally, we present six lessons learned from our endeavor to realize the vision of computational media, demonstrating the balancing act of weighing the vision against the pragmatics of implementing a working system.
<i>Webstrates</i>: Shareable Dynamic Media
Shareable Dynamic Media is our vision for an interactive computing environment that blurs the distinction between documents and applications, characterized by three key properties: malleability, so that users can appropriate and repurpose media in ...
Constraint Browsers - thinking about mini browsers to keep you focused
Hypermedia Systems
The revolutionary ideas that empowered the Web. A simpler approach to building applications on the Web and beyond with htmx and Hyperview. Enhancing web applications without using SPA frameworks.
Group Note Draft: Web User Agents
Web user agents include both web browsers and other intermediaries between end-users and the web.
Webdesign as architecture
An attempt at modelling digital design as a form of psychological architecture, taking the form of a single HTML document.
Web Tiles
Tiles are composable web docs and apps that can safely be used in arbitrary contexts and assembled from multiple sources to carry out complex user interface tasks.
Theming atproto · blog.damato.design
Taking Mise en Mode into the new web standard
Elena | Progressive Web Components
Elena is a simple, tiny library for building Progressive Web Components.
The small web is beautiful
A vision for the "small web", small software, and small architectures.
The HotJava Browser: A White Paper
Browsers allow people to treat the data spread across the Internet as a cohesive whole. Web browsers integrate the function of fetching the data with figuring out what it is and displaying it. One of the most important file types browsers understand is the hypertext markup language (HTML). HTML allows text data objects to embed simple formatting information and references to other objects.
Web Platform: What are we working on?
Web Platform What are we working on? Simone Onofri WebEngineHackFest 2025
Dweb: Serving the Web from the Browser with Beaker – Mozilla Hacks - the Web developer blog
Publishing and sharing is core to the Web’s ethos, yet to publish your own website or even just share a document, you need to know how to run a server, ...
