Anchoring experiences

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=P6ONjshb-yI


Duration: 0:00
2,350 views
172

Are you looking to overlay and connect UI elements? With CSS anchor() you can do just that! Meet the Over-Easy Machine, it uses anchoring and optionally the popover to deliver easy to use anchoring experiences.


Watch more Mini Web Machines → https://goo.gle/MiniWebMachines
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs


#ChromeForDevelopers #Chrome

Speaker: Speaker: Adam Argyle
Products Mentioned: Chrome



Other Videos By Chrome for Developers


2024-10-07Looking back on Season 5
2024-10-03An introduction to WebAssembly
2024-10-02091: Season 5 wrap-up
2024-10-01Interactive pop-ups using dialog element and popover attribute
2024-10-01Visit scroll-driven-animations.style
2024-10-01Introducing Google Chrome Built-in AI Challenge
2024-10-01Animate intrinsic sized elements with interpolate-size
2024-09-30Real-time metrics in the Performance panel
2024-09-30Exploring the Bytecode Alliance with Cosmonic's Hailey Bayes - WasmAssembly
2024-09-26090: Scroll-driven animations
2024-09-25Anchoring experiences
2024-09-24What are view transitions?
2024-09-24Yield long tasks with scheduler.yield()
2024-09-23Built-in AI: Gemini Nano in Chrome
2024-09-19089: View transitions
2024-09-17State queries in CSS
2024-09-17What’s new in DevTools: Chrome 127-129
2024-09-17New in Chrome 129: Yield long tasks, animate intrinsic sized elements, and more!
2024-09-12088: State queries
2024-09-05Simulate low storage quota with DevTools #DevToolsTips
2024-09-04Over-Easy Anchor + Popover Mini Web Machine