Re-imagine the web with CSS anchor positioning
Build interactive, engaging web interfaces with CSS anchor positioning and popover elements. Create tooltips, hover cards, or overlays anchored to an element with only a few lines of CSS and HTML—no JavaScript or complex layouts required.
Resources:
Learn how to get started with CSS anchor positioning API → https://goo.gle/3SWrvM5
Explore CSS Wrapped 2024 → https://goo.gle/4g8U7v8
Read Chrome’s 2024 recap for devs → https://goo.gle/3VDKNaC
Watch more “Re-imagine the power of the web” → https://goo.gle/re-imagine-the-web
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#Chrome #css #anchor positioning #ui #webui #web capabilities #css #popover
Products Mentioned: Chrome, web platform, web UI, CSS, anchor positioning, popover, tooltips
Chrome for Developers
Making the web more awesome....

Optimize your site's interaction speed with Interaction to Next Paint (INP)

Chrome for Developers

One click debugging in Console Insights

Chrome for Developers

Understand network requests with AI assistance #DevToolsAI

Chrome for Developers

What is the Shared Storage API?

Chrome for Developers

Caching AI models in the browser

Chrome for Developers

Speculation Rules API

Chrome for Developers

Cross-document view transitions #CSSwrapped

Chrome for Developers

Declarative net request API

Chrome for Developers

Web Driver Bidi enables more efficient and capable cross browser test automation.

Chrome for Developers

Find scrollable elements quickly with DevTools

Chrome for Developers

Light dark CSS color function #CSSwrapped

Chrome for Developers

Get started with Scroll-Driven Animations

Chrome for Developers

WebDriver BiDi is production-ready

Chrome for Developers

CSS debugging with AI assistance panel in DevTools

Chrome for Developers

Monitor live performance metrics in DevTools

Chrome for Developers

scheduler.yield API

Chrome for Developers

Boost your workflow with File System Observer

Chrome for Developers

CSSNestedDeclarations

Chrome for Developers

Simpler sign-ins, stronger security with passkeys

Chrome for Developers

Re-imagine the web with CSS anchor positioning

Chrome for Developers

Re-imagine the web with View Transitions API

Chrome for Developers

Learn scroll-driven animations #CSSwrapped

Chrome for Developers

Animate height: auto with interpolate-size in CSS

Chrome for Developers

How to share a performance trace with notes #DevToolsTips

Chrome for Developers

What’s new in DevTools: Chrome 130-132

Chrome for Developers

Chrome Built-in AI APIs

Chrome for Developers

17 new features and improvements #CSSwrapped

Chrome for Developers

Re-imagine the power of the web

Chrome for Developers

How to keep the classic DevTools look

Chrome for Developers

Chrome Extensions Program Manager answers your questions

Chrome for Developers

CrUX supports navigation types

Chrome for Developers

Never debug alone ? → ? #DevToolsAI

Chrome for Developers

Find scrollable elements quickly with DevTools

Chrome for Developers

Get started with Scroll-Driven Animations

Chrome for Developers

Enabling NPUs to speed up workload

Chrome for Developers

WebDriver BiDi is production-ready

Chrome for Developers

CSS debugging with AI assistance panel in DevTools

Chrome for Developers

CSS Wrapped 2024 is here!

Chrome for Developers

Monitor live performance metrics in DevTools

Chrome for Developers

Record and analyze a performance trace #DevToolsTips

Chrome for Developers

scheduler.yield API

Chrome for Developers

Re-imagine the web with scroll-driven animations

Chrome for Developers

Dynamic and adaptable designs with CSS Container Queries

Chrome for Developers

Boost your workflow with File System Observer

Chrome for Developers

CSSNestedDeclarations

Chrome for Developers

Help us fix the Chrome DevTools plane with AI assistance #DevToolsAI

Chrome for Developers

Simpler sign-ins, stronger security with passkeys

Chrome for Developers

MediaPipe Web: Bringing cross-platform AI tech to the browser

Chrome for Developers

ML training on the web: Building Simple ML for Google Sheets

Chrome for Developers

Transforming access to healthcare through Web AI

Chrome for Developers

Declarative Shadow DOM: Hello HTML

Chrome for Developers

Beyond the banner: The power of Web AI to personalize paid rich media ads

Chrome for Developers

Why are Web Extensions fantastic for AI?

Chrome for Developers

The future of AI is now: Real-life case studies for on client-side AI adoption in web apps

Chrome for Developers

Web AI in industry: How TensorFlow.js has driven what you see on the supermarket shelves

Chrome for Developers

Lessons learned from being customer zero of Chrome's built-in APIs

Chrome for Developers

Styling improvements to details and summary elements

Chrome for Developers

AI assistance helps aligning things in CSS #DevToolsAI

Chrome for Developers

Overview of Chrome built-in AI

Chrome for Developers

Exploring alternative interactions in JavaScript

Chrome for Developers

Visual Blocks: Visual prototyping of AI pipelines

Chrome for Developers

State isn't all you need, but It helps: building better LLM apps in the browse"

Chrome for Developers

WebLLM: A high-performance in-browser LLM Inference engine

Chrome for Developers

Accurately segment text in different language with Intl.Segmenter

Chrome for Developers

CSS highlight inheritance is changing

Chrome for Developers

Squishy Wasm apps using Extism with Dylibso's Steve Manuel - WasmAssembly

Chrome for Developers

Live metrics in Performance panel #DevToolTips

Chrome for Developers

Modern CSS for sites: View transitions, scroll effects, and more!

Chrome for Developers

CSS light-dark function

Chrome for Developers

New in Chrome 131: external CSS highlight inheritance, improvements to details, and more!

Chrome for Developers

ml5.js - Friendly machine learning for the web

Chrome for Developers

Web AI on next generation AI PCs

Chrome for Developers

The Web Neural Network (WebNN) API: Where we are and what's Next

Chrome for Developers

Transformers.js: State-of-the-art Machine Learning for the web

Chrome for Developers

Web AI Summit 2024: State of client side machine learning

Chrome for Developers

Build confidently with Baseline

Chrome for Developers

Monitor live Core Web Vitals in Chrome DevTools #DevToolsTips

Chrome for Developers

Supercharge your forms with the Constraint Validation API

Chrome for Developers

CSS property: box-decoration-break

Chrome for Developers

The future of third-party cookies

Chrome for Developers

A deep dive into WebAssembly with Thomas Nattestad - WasmAssembly

Chrome for Developers

Preparing for Chrome’s third-party cookie changes

Chrome for Developers

What are third-party cookies?

Chrome for Developers

Behind the Chrome Web Store review process

Chrome for Developers

Manage your JavaScript with Import Map

Chrome for Developers

Document picture-in-picture improvements

Chrome for Developers

Navigating the future of third-party cookies

Chrome for Developers

An experience for user choice with third-party cookies

Chrome for Developers

What is a Remote Hosted Code?

Chrome for Developers

Test your site for third-party cookie breakages

Chrome for Developers

Elevate UX with the Screen Wake Lock API

Chrome for Developers

New in Chrome 130: Document Picture-in-Picture, CSS nesting improvements, and more!

Chrome for Developers

Customize performance data in DevTools with extensibility API #DevToolsTips

Chrome for Developers

Chrome shifts to user choice for third-party cookies

Chrome for Developers

Special episode on the June meeting of the WebAssembly Community Group - WasmAssembly

Chrome for Developers

Time to check your site for third-party cookies

Chrome for Developers

Third-party cookies and the era of user choice

Chrome for Developers

Build a custom chrome cursor

Chrome for Developers

Intro to Long Animation Frames (LoAFs)

Chrome for Developers

Subgrid: Stress-free, flexible grid layouts

Chrome for Developers