Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

22,160 subscribers

11,484 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

44,846 görüntüleme • 6 ay önce

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,554 görüntüleme • 2 yıl önce

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 AI

27,518 görüntüleme • 6 ay önce

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 AI (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 AI (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

176,784 görüntüleme • 6 ay önce

One of my favorite details of Sonner: By default the toast disappears after 4 seconds unless you hover over it. But what if a toast is triggered and the user switches to a different tab? 4 seconds would pass and the toast would never be seen. That’s why there’s a `useIsDocumentHidden` hook that checks if the document (tab) is hidden, and if so, it will pause the timer. This can be done with the "visibilitychange" event listener on the document. A small detail that improves the experience.
0:16

One of my favorite details of Sonner: By default the toast disappears after 4 seconds unless you hover over it. But what if a toast is triggered and the user switches to a different tab? 4 seconds would pass and the toast would never be seen. That’s why there’s a `useIsDocumentHidden` hook that checks if the document (tab) is hidden, and if so, it will pause the timer. This can be done with the "visibilitychange" event listener on the document. A small detail that improves the experience.

Emil Kowalski

59,091 görüntüleme • 1 ay önce

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

432,043 görüntüleme • 1 yıl önce

This wasn't possible until now. The tech literally didn't exist. html-in-canvas lets shaders read and redraw your real DOM in real time, while text stays selectable and links stay clickable. Everyone else has demos. This is a full library. A new dimension for the web. Literally.
0:15

This wasn't possible until now. The tech literally didn't exist. html-in-canvas lets shaders read and redraw your real DOM in real time, while text stays selectable and links stay clickable. Everyone else has demos. This is a full library. A new dimension for the web. Literally.

David Haz

59,101 görüntüleme • 3 ay önce

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

105,655 görüntüleme • 5 ay önce

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

336,781 görüntüleme • 6 ay önce

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,368,156 görüntüleme • 2 yıl önce

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🛸 (ＣＯＲＴＥＸ ＺＥＲＯ)

32,949 görüntüleme • 5 ay önce

Fine, I'll bite. Paper will never, ever, eat Figma's lunch. Not Paper, not Claude Design, not Google Stitch, not V0, bolt, lovable, base44 or any of the HTML/CSS-based canvas. Why? The number one reason: Performance. Paper struggles at 2-5K elements of plain rectangles For comparison, in the attached video: a small, early-stage exploration canvas with 13K elements. Real-world projects are tens of thousands sometimes hundreds of thousands of elements. Why do you think Figma has a hyper-optimized webGL rendering engine? It would've been way easier to have an HTML/CSS-based canvas if that was feasible. Figma's money comes from tens of thousands of organizations where *at the very minimum* need to support these canvas sizes. Does it hurt Figma that many individuals and small teams are switching to other tools? arguable. Does Paper have better *MCP support* than Figma*? 1000 percent. Not even close. but MCP support != better overall or even an option for most. I'm not saying Figma's lunch won't be eaten. I have a huge horse in that game, betting it will be. I'm saying *HTML/CSS-based canvases, specifically* won't.
0:16

Fine, I'll bite. Paper will never, ever, eat Figma's lunch. Not Paper, not Claude Design, not Google Stitch, not V0, bolt, lovable, base44 or any of the HTML/CSS-based canvas. Why? The number one reason: Performance. Paper struggles at 2-5K elements of plain rectangles For comparison, in the attached video: a small, early-stage exploration canvas with 13K elements. Real-world projects are tens of thousands sometimes hundreds of thousands of elements. Why do you think Figma has a hyper-optimized webGL rendering engine? It would've been way easier to have an HTML/CSS-based canvas if that was feasible. Figma's money comes from tens of thousands of organizations where *at the very minimum* need to support these canvas sizes. Does it hurt Figma that many individuals and small teams are switching to other tools? arguable. Does Paper have better *MCP support* than Figma*? 1000 percent. Not even close. but MCP support != better overall or even an option for most. I'm not saying Figma's lunch won't be eaten. I have a huge horse in that game, betting it will be. I'm saying *HTML/CSS-based canvases, specifically* won't.

Amichai Mantinband

45,308 görüntüleme • 14 gün önce

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

50,263 görüntüleme • 5 ay önce

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 görüntüleme • 7 ay önce

This is not a border dispute. It is a sermon. A Hamas leader on a Gaza stage tells seven million Palestinians abroad to stop warming up. There are Jews everywhere, he says. Attack every Jew on Earth. Slaughter them. Kill them. With Allah’s help. The crowd is not a war room. It is a public. Hamas did not invent that sentence. Hamas is but one franchise of it. Islamic Jihad says the same thing with a different logo. Hezbollah wraps it in Khomeini and the language of “the Zionist entity.” The Houthis put “death to Israel, curse the Jews” on a flag and call it governance. The regime in Tehran funds the network and calls the Jewish state a tumor. Different uniforms. Same theology. For them, Jewish sovereignty is an insult to Allah, and Jewish lives outside the land are not off-limits. That is why “from the river to the sea” is not a housing policy, and why October 7 was not an accident of occupation. The target list in this clip is not a soldier at a checkpoint. It is Jews as such, wherever they are. Once the enemy is a people, not a government, there is no ceasefire that satisfies the idea. There is only a pause. Western coverage keeps shrinking this to one militia and one strip of coast because a regional ideology is harder to manage than a “peace process.” Factions are useful that way. They let you condemn Hamas on Tuesday and treat Hezbollah as Lebanese politics on Wednesday and the Houthis as a shipping problem on Thursday. The preacher does not bother with those folders. He names the Jews and asks the diaspora to start. If you want to understand the war, start with what they say when they are not fundraising in English. The map they want is not two states. It is a world with fewer Jews in it, sanctified as duty. Hamas is the local office. The ideology is the corporation.
0:12

This is not a border dispute. It is a sermon. A Hamas leader on a Gaza stage tells seven million Palestinians abroad to stop warming up. There are Jews everywhere, he says. Attack every Jew on Earth. Slaughter them. Kill them. With Allah’s help. The crowd is not a war room. It is a public. Hamas did not invent that sentence. Hamas is but one franchise of it. Islamic Jihad says the same thing with a different logo. Hezbollah wraps it in Khomeini and the language of “the Zionist entity.” The Houthis put “death to Israel, curse the Jews” on a flag and call it governance. The regime in Tehran funds the network and calls the Jewish state a tumor. Different uniforms. Same theology. For them, Jewish sovereignty is an insult to Allah, and Jewish lives outside the land are not off-limits. That is why “from the river to the sea” is not a housing policy, and why October 7 was not an accident of occupation. The target list in this clip is not a soldier at a checkpoint. It is Jews as such, wherever they are. Once the enemy is a people, not a government, there is no ceasefire that satisfies the idea. There is only a pause. Western coverage keeps shrinking this to one militia and one strip of coast because a regional ideology is harder to manage than a “peace process.” Factions are useful that way. They let you condemn Hamas on Tuesday and treat Hezbollah as Lebanese politics on Wednesday and the Houthis as a shipping problem on Thursday. The preacher does not bother with those folders. He names the Jews and asks the diaspora to start. If you want to understand the war, start with what they say when they are not fundraising in English. The map they want is not two states. It is a world with fewer Jews in it, sanctified as duty. Hamas is the local office. The ideology is the corporation.

Mor Edge Insight

74,915 görüntüleme • 1 ay önce

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

269,038 görüntüleme • 11 ay önce

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,167 görüntüleme • 1 yıl önce

🚨Gemini 3.6 Flash is trash I tested it on a 3D Golden Gate Bridge, and the results were awful. • I had to re-prompt it three times because it repeatedly ignored the instructions. • First attempt, instead of creating the requested .html file, it first tried to build the experience inside the Gemini app using simulations. • Then second attempt it started placing images from the web into the chat rather than actually producing the file. • Even after getting it to complete the task, the final output was dramatically worse than Gemini 3.1 Pro, which is 5 months old and now not even a top 10 model on leaderboards. This feels like a regression from Gemini 3.5 Flash and honestly, it is one of the weakest models I have tested in the past few months. Has anyone else tested Gemini 3.6 Flash yet, and are you seeing the same thing?
0:15

🚨Gemini 3.6 Flash is trash I tested it on a 3D Golden Gate Bridge, and the results were awful. • I had to re-prompt it three times because it repeatedly ignored the instructions. • First attempt, instead of creating the requested .html file, it first tried to build the experience inside the Gemini app using simulations. • Then second attempt it started placing images from the web into the chat rather than actually producing the file. • Even after getting it to complete the task, the final output was dramatically worse than Gemini 3.1 Pro, which is 5 months old and now not even a top 10 model on leaderboards. This feels like a regression from Gemini 3.5 Flash and honestly, it is one of the weakest models I have tested in the past few months. Has anyone else tested Gemini 3.6 Flash yet, and are you seeing the same thing?

Lumina

72,529 görüntüleme • 3 ay önce

new skill: component-canvas. it puts all the components from a repo on a canvas, with all their variants and states. a nice way to explore the UI of a codebase.
0:12

new skill: component-canvas. it puts all the components from a repo on a canvas, with all their variants and states. a nice way to explore the UI of a codebase.

Ibelick

56,824 görüntüleme • 12 gün önce

How could you not remember. A memory of the future. A memory of the endless moment. Of nearness and safety. When everything is right. When everything was right. Is it today – or will it be? Will it stay endless as it always was? “Say nothing,” you tell me. Not one word that could break this moment.
0:20

How could you not remember. A memory of the future. A memory of the endless moment. Of nearness and safety. When everything is right. When everything was right. Is it today – or will it be? Will it stay endless as it always was? “Say nothing,” you tell me. Not one word that could break this moment.

Luc

33,796 görüntüleme • 2 ay önce