web framework

A one-minute archive video of the 2Advanced Studios v2 website from 2001, a showcase of the elaborate futuristic Flash interfaces the agency was known for.

The original 2012 screencast introducing Meteor, a JavaScript framework for building web apps quickly. It demonstrates realtime updates, latency compensation and low boilerplate.

A short archival capture of the 2001 Flash website of 2Advanced Studios, an agency known for high-end Flash design. It is part of the Web Design Museum's collection of early web design.

A demo excerpt from a 2016 Bay Area Rust meetup showing Servo's WebRender drawing CSS on the GPU at very high frame rates. It presents the promise of GPU-based browser rendering.

A short side-by-side recording by Jake Archibald of the same animation demo running in Chrome, Firefox, Safari and Servo WebRender nightlies on a 60Hz display. It shows the smoothness difference of GPU-based rendering.

Brian Peiris demonstrates RiftSketch, a web app where you write JavaScript with Three.js while wearing an Oculus Rift and watch the world around you change live. It runs on Firefox builds with WebVR.

Smalltalk pioneer Dan Ingalls presents the Lively Kernel at JSConf US 2012, a live, direct-manipulation programming environment running in the browser. He shows drag-and-drop building of live objects on the web.

David Heinemeier Hansson builds a blog engine with Ruby on Rails in 15 minutes, the demo that launched Rails' momentum.

A five-minute video showing how to build a counter in the Imba web programming language in under a minute, then style it.

Mozilla's short demo of Unreal Engine 3 running in Firefox, ported by Mozilla and Epic in four days using Emscripten and asm.js.

A short side-by-side demo of a large image loading over a slow connection in JPEG, progressive mozjpeg, JPEG XL and AVIF. It shows how each codec renders partial data.

A short Bookeen R&D demo showing real-time web page scrolling on an eInk panel, far faster than typical e-readers. It was a prototype for the next generation of Cybook readers.

A short video of five people carrying a live, running web server across the city by public transport to a new datacenter. It stayed powered and connected to the internet the whole way, so there was no downtime.

Google's 2010 Chrome ad filmed web page rendering with a high-speed camera, comparing it with a potato gun, a pirate ship and lightning. It presented browser speed as Chrome's key selling point.

The author of copyparty introduces the FOSS file server he has built over five years, demoing its features such as resumable uploads, WebDAV and deduplication. The video itself is shown running on a demo server.

Avi Bryant demos Dabble DB, a web-based spreadsheet-like database for building apps without code. It shows how users can model and relate data through a smooth interface.

Steve Jobs demos NeXTSTEP Release 3, showing the object-oriented development environment and UI that later became the basis of Mac OS X. Midway through he builds a database-backed GUI app with Interface Builder and Enterprise Objects Framework with almost no code.

Neural-network upscaled, 60 fps, stabilized and colorized version of 1902 footage of the Wuppertal Schwebebahn suspended railway in Germany. The source film comes from MoMA. It gives a vivid view of an early-1900s city and a train system that still runs.

CNLohr maps Wi-Fi signal strength at high resolution by moving an ESP8266 on a CNC mill, then visualizes the 3D data in WebGL. The result shows interference patterns in space.

A short 2009 amateur video showing an HP MediaSmart webcam whose face tracking follows a white face but fails to track a black face. The uploader presents it as humorous.

Bruce Hauman live-codes Flappy Bird in ClojureScript in about six minutes, using figwheel to hot-reload changes into the running game. The demo shows game behavior being changed interactively without restarting.

The Google I/O 2009 keynote introducing Google Wave, a real-time collaborative communication and document platform. It includes a long live demo and the developer preview announcement.

The Michigan TypeScript group shows the Doom engine running entirely inside the TypeScript type system. It is open source, and two follow-up videos cover why and how they did it.

A short unscripted demo of writing FizzBuzz in JavaScript with a generator function on a steno keyboard, typos included. It gives a feel for what real coding in stenography looks like.

A short Microsoft promo comparing classic Teams with the rewritten new Teams side by side, claiming faster startup and better performance. The new version is shown taking around nine seconds to launch.

AVweb's flight trial of Garmin's Emergency Autoland system, which flies a plane to a runway and lands it when the pilot cannot. It is part of Garmin's Autonomi automation on the G3000 avionics.

A roughly hour-long live hacking session in which Go team members Andrew Gerrand and Brad Fitzpatrick write the new version of tip.golang.org, the site serving leading-edge Go documentation. It is unedited pair programming on a real Go project.

Juan Benet gives an overview and demo of the go-ipfs alpha. It shows the peer-to-peer content-addressed protocol in action, including streaming video from a home computer.

A FIDO Alliance demo with Google and Microsoft engineers showing passkeys working across operating systems, browsers, and devices. It walks through registering and signing in on new devices.

EposVox reviews a very cheap USB 2.0 HDMI capture dongle sold under names like BlueAVS/Goodan, testing whether it works as an alternative to the Elgato Cam Link. He covers its quality and limits for webcam-style and camera capture use.

OpenAI's livestream demo of GPT-4 with Greg Brockman, showing its capabilities and limitations. Highlights include writing code, turning a hand-drawn sketch into a website, and a tax-question example.

A three-minute demo of ProFORMA, a system from Cambridge that builds textured 3D models live from a video of an object.

Henry Segerman and collaborators demonstrate virtual reality experiences in non-Euclidean spaces, including hyperbolic and mixed hyperbolic-Euclidean geometry. The browser-based demos let viewers move through these spaces and show how strange the geometry feels from inside.

Ted Nelson demonstrates Xanadu Space, his software for representing hypertext in three-dimensional space with linked, referenced content fragments.

A short product demo of Dabble DB, a web tool for importing, entering and manipulating structured data with little effort. It was built in Smalltalk and later acquired by Twitter.

A short tour of the Megaprocessor, a microprocessor built at enormous scale from tens of thousands of discrete transistors. The builder shows what the machine is made of and where it now lives, at the Centre for Computing History in Cambridge, where visitors can play Tetris on it.

Apple's 1987 Knowledge Navigator concept video imagines a conversational voice assistant, multi-touch tablet and video calling used by a professor. It was made years before the graphical web existed.

IGN's 2010 trailer for Infinity Blade, an Unreal Engine fighting game for iPhone, iPad and iPod. It shows off gameplay and the visuals of the mobile game.