New in Chrome 118: the @scope CSS rule is here, scripting and prefers-reduced-transparency, & more!

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


Duration: 4:41
16,531 views
234

Chrome 118 is rolling out now! Declare specific styles within a component with the @scope css rule. We have two new media queries: scripting and prefers-reduced-transparency. Devtools improved the sources panel and there’s plenty more. Adriana Jara has all the details about what’s new for developers in Chrome 118.

Check out https://goo.gle/3Q5VKiJ for a deeper dive, including links to docs, specs and samples.

Check out more videos → https://goo.gle/NewInChrome
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#NewInChrome



Other Videos By Chrome for Developers


2023-10-26HTML vs DOM? Let’s debug them
2023-10-25Chrome Extensions: Learning the basics, AI and more with Matt Frisbie
2023-10-19How to keep source maps private
2023-10-18Thinking on ways to solve HALLOWEEN PROJECTIONS
2023-10-17@scope - New in Chrome 118
2023-10-17Adobe Express: On-the-go creativity powered by the web
2023-10-11Adding alpha to color - GUI Snippets
2023-10-11fluffy-center - CSS Podcast Tips
2023-10-11Debug Chrome extensions
2023-10-10How do I center a div?
2023-10-10New in Chrome 118: the @scope CSS rule is here, scripting and prefers-reduced-transparency, & more!
2023-10-05Progressive Web Apps (PWAs): New features & APIs
2023-10-04Thinking on ways to solve RELATIVE COLORS
2023-10-03What’s new in DevTools: Chrome 118
2023-09-29Debugging Chrome extensions - DevTools Tips
2023-09-29Source maps - DevTools Tips
2023-09-26Array grouping - New in Chrome 117
2023-09-26transition-behavior - New in Chrome 117
2023-09-25Render a web page - CSS Podcast Tips
2023-09-22bfcache - New in Chrome 117
2023-09-22What’s new in DevTools: Chrome 116-117


Tags:
Chrome
Developers
Google
Web
ReleaseWeb
WebApp
WebFundamentals
Browser
HTML5
JavaScript
GoogleDevelopers
ChromeDevelopers
chrome118
new-in-chrome
css
Chrome Devtools
local overrides
CSS animations
array grouping
javascript group by
Google Chrome
Chrome Developers
New in Chrome
New in Google Chrome
what's new in Chrome
chrome for developers