Loading video...

Video Failed to Load

Go Home

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The...

lennyjpg's profile picture

Leander Herzog

21,579 subscribers

11,466 views • 8 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Fun hack: A new way to inspect web with the html-in-canvas API
0:19

Fun hack: A new way to inspect web with the html-in-canvas API

tani

43,577 views • 2 months ago

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):
0:10

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

Alvaro Cintas

303,299 views • 2 years ago

The web is fun again. HTML-in-canvas is insane. Made with Omma.
0:14

The web is fun again. HTML-in-canvas is insane. Made with Omma.

Omma

27,349 views • 1 month ago

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?
0:10

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

175,023 views • 1 month ago

The worst take about the web is that you should not use JS/React/etc because HTML alone is good enough. It's an 'austerity mind virus' that has captured even some smart engineers. The idea that the web is for 'documents' and if it stays in its own little box like 1995 it's going to somehow be better for the world. This is how we ended up with Safari having the most obnoxious limitations, including a back/forward navigation gesture that makes the web feel like a horrendous 'digital book' of sorts. No, the web is also for dynamic, rich, interactive applications. JS is a key ingredient in the recipe, otherwise every click and interaction will have to hit a server, feel slow, and we'll always be a second class citizen. The web's developer freedom & better deployment model will win in the end, but it can't come at the expense of quality.
0:12

The worst take about the web is that you should not use JS/React/etc because HTML alone is good enough. It's an 'austerity mind virus' that has captured even some smart engineers. The idea that the web is for 'documents' and if it stays in its own little box like 1995 it's going to somehow be better for the world. This is how we ended up with Safari having the most obnoxious limitations, including a back/forward navigation gesture that makes the web feel like a horrendous 'digital book' of sorts. No, the web is also for dynamic, rich, interactive applications. JS is a key ingredient in the recipe, otherwise every click and interaction will have to hit a server, feel slow, and we'll always be a second class citizen. The web's developer freedom & better deployment model will win in the end, but it can't come at the expense of quality.

Guillermo Rauch

431,776 views • 1 year ago

The nascent HTML-in-Canvas API is exciting to me not for flashy effects, but because it extends the semantics that the DOM can (tractably) represent — tiny example: it's possible to show an element in multiple places, cheaply, under arbitrary transforms.
0:13

The nascent HTML-in-Canvas API is exciting to me not for flashy effects, but because it extends the semantics that the DOM can (tractably) represent — tiny example: it's possible to show an element in multiple places, cheaply, under arbitrary transforms.

Orion Reed

104,579 views • 1 month ago

the guy keeps saying "you can already do this with a canvas behind the element" so here is another gratuitous animation where the scanline physically distorts the form content as it passes (warping the actual rendered HTML pixels)
0:15

the guy keeps saying "you can already do this with a canvas behind the element" so here is another gratuitous animation where the scanline physically distorts the form content as it passes (warping the actual rendered HTML pixels)

matt rothenberg

335,288 views • 2 months ago

In the world of web builders 🕸️ HTML is your main weapon 🗡️ Let this course forge you into a legendary master web builder 👑
0:12

In the world of web builders 🕸️ HTML is your main weapon 🗡️ Let this course forge you into a legendary master web builder 👑

Mighty Academy 📚🔥

8,367,619 views • 1 year ago

I found a much cleaner way to browse the newly released UFO files. The site is called Show Me UFOs, and it is significantly easier to use than the Department of War 🇺🇸 release page. You can sort the files by document type, agency, date, and even explore them through an interactive map. For anyone trying to actually dig through this material instead of just skim headlines, this is a genuinely useful tool. Link is in the attached comment. #ufox #ufotwitter
0:19

I found a much cleaner way to browse the newly released UFO files. The site is called Show Me UFOs, and it is significantly easier to use than the Department of War 🇺🇸 release page. You can sort the files by document type, agency, date, and even explore them through an interactive map. For anyone trying to actually dig through this material instead of just skim headlines, this is a genuinely useful tool. Link is in the attached comment. #ufox #ufotwitter

Tom Thompson🛸 (ＣＯＲＴＥＸ ＺＥＲＯ)

31,764 views • 1 month ago

The future of Ultramock is going to be beautiful! Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨
0:17

The future of Ultramock is going to be beautiful! Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨

Josh Millgate

49,721 views • 1 month ago

In the church of San Pantalon in Venice, you can admire one of the world’s hidden treasures simply by looking up What appears to be a fresco is actually a huge painting on canvas 44 canvases seamlessly joined together. Covering 443 sqm, this astonishing work of prodigious skill is considered the largest painting on canvas in the world.
0:11

In the church of San Pantalon in Venice, you can admire one of the world’s hidden treasures simply by looking up What appears to be a fresco is actually a huge painting on canvas 44 canvases seamlessly joined together. Covering 443 sqm, this astonishing work of prodigious skill is considered the largest painting on canvas in the world.

ʙʏ ᴍᴏʀᴛᴀʟ ʜᴀɴᴅ

15,815 views • 3 months ago

I've worked with Kylan O'Connor to put together a little dedicated Replicate model that gives you: - all the face images - a sprite/grid of all the faces - vanilla HTML, JS and CSS to render the effect - a preview video
0:13

I've worked with Kylan O'Connor to put together a little dedicated Replicate model that gives you: - all the face images - a sprite/grid of all the faces - vanilla HTML, JS and CSS to render the effect - a preview video

fofr

268,111 views • 7 months ago

A Tale of Two Cities // When I went to document the ICE protests in DTLA, I asked my sister to document what other parts of LA looked like at the same time. All of these clips you see are from June 8th, 2025. I included a farmers market I walked by just a few blocks from the protest and an ice cream truck in another part of DTLA to emphasize the point. The media wants to tell you that all of Los Angeles is a war zone. That’s just not true. Don’t fall for it. This protest started from a place of protection. We love our neighbors. We love Los Angeles.
0:17

A Tale of Two Cities // When I went to document the ICE protests in DTLA, I asked my sister to document what other parts of LA looked like at the same time. All of these clips you see are from June 8th, 2025. I included a farmers market I walked by just a few blocks from the protest and an ice cream truck in another part of DTLA to emphasize the point. The media wants to tell you that all of Los Angeles is a war zone. That’s just not true. Don’t fall for it. This protest started from a place of protection. We love our neighbors. We love Los Angeles.

BRENDAN NØRTH

92,112 views • 1 year ago

We're closer than ever to a future where we remap the earth 24/7 with a plurality of sensors -- phones, drones, cars, planes, satellites, and oh my! This physical 3D model of the world serves as the connective tissue between the world of bits & atoms. It's Tesla cars today, and AR glasses tomorrow. It's social media in our pockets, and ambient computing in our homes. The end result is a 1:1 digital twin of our planet and all activity in it. A perfect fusion of SIGINT + GEOINT to use intelligence parlance.
0:15

We're closer than ever to a future where we remap the earth 24/7 with a plurality of sensors -- phones, drones, cars, planes, satellites, and oh my! This physical 3D model of the world serves as the connective tissue between the world of bits & atoms. It's Tesla cars today, and AR glasses tomorrow. It's social media in our pockets, and ambient computing in our homes. The end result is a 1:1 digital twin of our planet and all activity in it. A perfect fusion of SIGINT + GEOINT to use intelligence parlance.

Bilawal Sidhu

46,691 views • 1 year ago

Trump on Iran: “The only question is do we go in and finish it up, or are they going to be signing a document?”
0:16

Trump on Iran: “The only question is do we go in and finish it up, or are they going to be signing a document?”

Open Source Intel

36,049 views • 22 days ago

Tarkovsky is for me the greatest, the one who invented a new language, true to the nature of film, as it captures life as a reflection, life as a dream. When film is not a document, it is dream. ~ Ingmar Bergman The Virgin Spring The Sacrifice Once Upon a Time in Anatolia
0:16

Tarkovsky is for me the greatest, the one who invented a new language, true to the nature of film, as it captures life as a reflection, life as a dream. When film is not a document, it is dream. ~ Ingmar Bergman The Virgin Spring The Sacrifice Once Upon a Time in Anatolia

Reconsidering Cinema

64,026 views • 3 years ago

How to quickly change the position of a number in a text document
0:11

How to quickly change the position of a number in a text document

Massimo

78,190 views • 1 year ago

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
0:14

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,454 views • 3 years ago

There is a room in Málaga that was built to be the closest thing on earth to standing inside heaven. It is called the camarín of the Virgin of Victory, and it is hidden at the top of a tower inside the Santuario de la Victoria. To reach it, you climb and the ascent is the entire point... The building you are climbing through was completed in 1700, and it was designed as a single argument made in stone. At the bottom lies a crypt: a black chamber crowded with white plaster skeletons, a meditation on death and the brevity of life. From there a staircase rises, and as you climb it the light grows stronger and the imagery changes from bones to saints. The architects of the time understood this ascent as the soul's own journey, the dark crypt as the stage of penitence, the staircase as the stage of spiritual progress, and the room at the very top as the final stage: the union of the soul with the divine. That room at the top is the camarín, and its dome is one of the most extraordinary interiors in Spain... Every surface is covered in white and gold plasterwork. There is no empty space anywhere. The Baroque called this horror vacui, the horror of the void: the conviction that a space meant to represent heaven should not contain a single bare patch of stone. Out of that plasterwork emerge angels, flowers, birds, and mirrors. The mirrors are not decoration alone. They catch the light pouring in through the windows of the drum and throw it around the chamber, so that the gold seems to move and the whole room appears to shimmer and breathe. This wonder was built by people who believed that if you wanted to show a human being what heaven might feel like, you did not describe it to them. You built a room, and you let them climb into it... -- -- -- If you enjoyed this, I write a weekly newsletter read by over 50,000 people who love rediscovering the beauty of the past. You can join us here: If you'd like to support my work, a paid subscription is what makes it possible.
0:13

There is a room in Málaga that was built to be the closest thing on earth to standing inside heaven. It is called the camarín of the Virgin of Victory, and it is hidden at the top of a tower inside the Santuario de la Victoria. To reach it, you climb and the ascent is the entire point... The building you are climbing through was completed in 1700, and it was designed as a single argument made in stone. At the bottom lies a crypt: a black chamber crowded with white plaster skeletons, a meditation on death and the brevity of life. From there a staircase rises, and as you climb it the light grows stronger and the imagery changes from bones to saints. The architects of the time understood this ascent as the soul's own journey, the dark crypt as the stage of penitence, the staircase as the stage of spiritual progress, and the room at the very top as the final stage: the union of the soul with the divine. That room at the top is the camarín, and its dome is one of the most extraordinary interiors in Spain... Every surface is covered in white and gold plasterwork. There is no empty space anywhere. The Baroque called this horror vacui, the horror of the void: the conviction that a space meant to represent heaven should not contain a single bare patch of stone. Out of that plasterwork emerge angels, flowers, birds, and mirrors. The mirrors are not decoration alone. They catch the light pouring in through the windows of the drum and throw it around the chamber, so that the gold seems to move and the whole room appears to shimmer and breathe. This wonder was built by people who believed that if you wanted to show a human being what heaven might feel like, you did not describe it to them. You built a room, and you let them climb into it... -- -- -- If you enjoyed this, I write a weekly newsletter read by over 50,000 people who love rediscovering the beauty of the past. You can join us here: If you'd like to support my work, a paid subscription is what makes it possible.

James Lucas

68,641 views • 17 days ago

2020: All I need to learn is HTML, CSS, and JavaScript, some backend, and get a good job. Tech is the future. 2026:
0:13

2020: All I need to learn is HTML, CSS, and JavaScript, some backend, and get a good job. Tech is the future. 2026:

JNS

21,825 views • 3 months ago