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
01 - Decentralized Web: An Introduction - Resource Guide
This resource guide was created to accompany Session 01 of the Webinar Series Imagining a Better Online World: Exploring the Decentralized Web. This session introduced essential DWeb concepts to library workers through demonstrations, resources, and examples of decentralized technologies in action. A video recording of this session has been archived by the Internet Archive and it can be viewed here.
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.
web browser
A web browser is a client program for accessing the World Wide Web. Its main feature is the loading of HTML pages over HTTP(S) connections and rendering them. There are moderate-sized web browsers as well as huge and bloated ones.
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
