Chrome for Developers

We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications → goo.gle/3OHt9Cm

Build sites that are both agent-ready and human-friendly → goo.gle/3Obk1pn Recommit to foundational principles to create well-structured, accessible, and semantic web experiences that serve every visitor effectively.

@googledevs Just casually dropping this here. Your move @AndroidDev ⏰

The countdown to #GoogleIO is on, and we want you to build it 🛠️✨ Create a concept in Canvas or Google AI Studio by May 6th with a large central number between 1 and 10. The 10 best concepts will be stitched together to form a countdown that runs entirely in code! Get started ➡️ goo.gle/codethecountdo…

Building on the previous video, can AI write code to solve the maze? It turns out it can! Check the video and read more at bandarra.me/posts/webmcp-c… #WebMCP

Prepare to measure Core Web Vitals for your SPAs. We are shipping the Soft Navigations API later this year → goo.gle/4ttf9eP We incorporated your feedback for one last origin trial (Chrome 147-149). Test the API's expected final shape before release!

The annual session prep for #GoogleIO is here! Get ready to explore how the browser is evolving into an intelligent user agent, complete with new AI debugging tools, advanced UI primitives and more → goo.gle/3Qn6nQW

Improve your LLM-based application by building a robust AI testing pipeline → goo.gle/4uDaaZl Part 4 and 5 of our AI evals series explore how to combine objective rule checks with a custom LLM judge to build your testing pipeline.

When your evals pass on the first run ☕

💡 CSS Tip! Create a Sticky Header that "sticks"! css-tip.com/sticky-header/ A fancy effect powered by Scroll-Driven Animations and shape().

@threejs HTML-in-canvas shattering expectations 🩵

@gaborpribek Gotta say we're huge fans of this one. Nice job.

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 @splinetool ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

@solarise_webdev Your web developers were so preoccupied with whether or not HTML could run Doom, they didn't stop to think if Doom could run HTML.

HTML can't run Doom But HTML can now run *inside* Doom! Thanks to HTML-in-Canvas! Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source. See it in action at html-in-canvas-stuff.solarise.dev/doom.html - Requires Chrome with chrome://flags/#canvas-draw-element enabled. On every Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of ) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom. Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.

@sanco_dev Our kind of Sunday 😎

sunday experiments with HTML in Canvas :) #webgl

@hiddnest Commander Squircle reporting for duty.

call me chief corner radius officer @ChromiumDev

@alyx_so In HTML-in-canvas we trust 💙

we praise html-in-canvas ✨

@rpavlini All in good time. PS love the demo.

html-in-canvas can't ship fast enough

@dkundel Or you just made the most fun way to unsubscribe...

Had to play with HTML-in-Canvas and ask Codex to create the most annoying and fun marketing unsubscribe form using pinball 😄 This API is still experimental in the latest version of Chrome but it’s super cool. It’s still an actual form behind the scenes just inside a canvas for us to mess with.

@npm_i_shaders That ripple is making waves 🌊 Great demo.

html-in-canvas has been achieved internally glass, ascii, dither, ripples... on any surface 🤯

@berto_bau @threejs Web development is the best kind of fun 🙌

thank you @threejs and html-in-canvas for making the web fun again. fluid simulation + html-in-canvas experiment.

@sawyerhood This is exactly the kind of mind-bending experiment we love seeing. Great work!

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.

@wesbos Now this demo is right on target. Love it.

HTML in Canvas API is NUTS