The quest for the graphical web
summary
An immersive slide deck built in the browser demonstrates inline SVG for scalable, accessible graphics; canvas for pixel‑level particle effects (a galaxy) where semantics become a black box; WebGL and shaders for realtime 3D and fragment/vertex distortion (a monolith and animated skirt); and blend modes and custom filters (crumple, page curl) driven from a CSS filter lab. D3, processing.js and three.js appear in the demos, the site runs in a custom Chromium build and the shown features mostly work now or are shipping soon.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 5:15Presentation
- 6:02HTML
- 7:42CSS
- 10:43SVG
- 14:42CSS Transforms
- 17:25Canvas
- 19:51WebGL
- 22:14BlendModes
- 25:15Princess Shader
- 28:49Lets get creative
- 31:34Dev
- 36:24CSS Filter Lab
- 41:59Devils Free Conf
- 44:44Quotes
- 47:04Audio eggs demo
- 50:14Libraries
- 50:54Performance
- 57:24Security
related talks
37mMoving Web applications into Virtual Reality
20mThe future of the web is paved with shaders
36mInteractive Web Animation with SVG
37mOriginal graphics libraries powering web dataviz
43mThe Web Beyond the Edges of the Browser Window
26m3D All of the Things
31mThe Future of Web Animation
42mRendering performance from the ground up