Modern CSS and HTML APIs are making web layouts... incredibly powerful. From declarative scroll-triggered animations to element-scoped view transitions, the platform is expanding. Catch up on every major feature update →show more

Chrome 146 is stable 🚀 We’re shipping features that... move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registriesshow more

Chrome 147 is officially rolling out to users everywhere... → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.show more

Who said range sliders need to be straight and... boring?! Hey CSS, distort the line! 〰️ Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)show more

Scroll-Triggered Animations … with nothing but CSS … oh... yeah 🤩 (Blogpost coming soon)show more

Every site has a story to scroll 📖 With... the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIOshow more

the transitions on this website are on another level..... every scroll is magic wizard » Victor Workshow more

CSS shape() is now Baseline Newly Available → The... shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().show more

Are those … CSS Scroll-Driven Animations on in Safari?... Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.show more

Storefront Web Components let you add Shopify to any... site. Web components are easy to embed into any HTML or CSS stack.show more

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 Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.show more

Made this Fully Responsive Modern QR Code Generator using... HTML, CSS & Javascript How is it guys? DM for Web Development Resources & Source Codeshow more

By combining the SVG bloom filter I made with... CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨show more

HTML/CSS is Turing complete, so why not compile programs... to plain HTML/CSS and runs with zero bytes of JavaScript?show more

CSS is mind-blowing 🤯 Browser does what it can... to keep the menus in view. Even when you scroll. Zero JavaScript (Aside from the Draggable part) This is the important HTML 👇 (anchor) <button id="trigger" popovertarget="menu"> <div popover="auto" id="menu" anchor="trigger">show more

Good news for web typography: text-indent with each-line and... hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.show more

A major new feature of the SAROS: Zenith update... is a boss rush mode known as Overlord Rush. Players race to quickly dispatch the powerful Overlords from the main game back-to-back, competing with friends and players around the world on an integrated leaderboard.show more

One nice subtle benefit of using Base UI over... Radix is that the animations are interruptible since Base uses CSS transitions instead of keyframes. This is me spamming on both dropdowns, notice the glitchiness in the one on the left.show more

Complex UI: New web APIs in disguise 🥸 These... balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨show more

¡Colección de plantillas gratuitas para tu web! Desarrolladas con... HTML y CSS:show more