--- title: What’s !important #4: Videos & View Transitions, Named... description: A curated roundup of recent CSS and web development resources covering view transitions for maintaining video state across pages, techniques for naming media... canonical: https://daily.dev/posts/what-s-important-4-videos-view-transitions-named-media-queries-how-browsers-work-and-more-y9o607ler twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More | daily.dev og:description: A curated roundup of recent CSS and web development resources covering view transitions for maintaining video state across pages, techniques for naming media... og:url: https://daily.dev/posts/what-s-important-4-videos-view-transitions-named-media-queries-how-browsers-work-and-more-y9o607ler og:image: https://api.daily.dev/og/posts/y9o607lEr.png og:image:alt: What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More **[CSS-Tricks](https://daily.dev/sources/css_tricks)** · 4 min read · 4 upvotes · 0 comments ## Summary A curated roundup of recent CSS and web development resources covering view transitions for maintaining video state across pages, techniques for naming media queries using cascade layers, CSS resets, browser internals, CSS layout fundamentals, upcoming CSS masonry (grid-lanes), theming animations with relative color syntax, overlay UI patterns (modals vs pages), and text scaling support being trialed in Chrome Canary. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [What’s \!important \#15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More](https://daily.dev/posts/what-s-important-15-boundary-aware-css-time-based-css-full-bleed-css-and-more-rzev1shyv) · CSS-Tricks · 5 upvotes · 0 comments - [What’s \!important \#9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More](https://daily.dev/posts/what-s-important-9-clip-path-jigsaws-view-transitions-toolkit-name-only-containers-and-more-6q4l9bxaf) · CSS-Tricks · 4 upvotes · 0 comments - [Issue \#762: The best way to use icons in Web UIs — Frontend Focus](https://daily.dev/posts/issue-762-the-best-way-to-use-icons-in-web-uis-frontend-focus-eqdfvmhcp) · Frontend Focus · 0 upvotes · 0 comments - [Building a UI Without Breakpoints – Frontend Masters Blog](https://daily.dev/posts/building-a-ui-without-breakpoints-frontend-masters-blog-gttwzftuz) · Frontend Masters · 9 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#frontend](https://daily.dev/tags/frontend), [#html](https://daily.dev/tags/html) [View this post on daily.dev](https://daily.dev/posts/what-s-important-4-videos-view-transitions-named-media-queries-how-browsers-work-and-more-y9o607ler) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More","url":"https://daily.dev/posts/what-s-important-4-videos-view-transitions-named-media-queries-how-browsers-work-and-more-y9o607ler","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/what-s-important-4-videos-view-transitions-named-media-queries-how-browsers-work-and-more-y9o607ler"},"datePublished":"2026-01-30T15:01:40.302Z","dateModified":"2026-01-30T15:02:18.043Z","description":"A curated roundup of recent CSS and web development resources covering view transitions for maintaining video state across pages, techniques for naming media...","image":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/01/wi4.png","thumbnailUrl":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/01/wi4.png","isAccessibleForFree":true,"articleSection":"CSS-Tricks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"CSS-Tricks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/css_tricks","url":"https://daily.dev/sources/css_tricks"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/what-s-important-4-videos-view-transitions-named-media-queries-how-browsers-work-and-more-y9o607ler","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,css,frontend,html","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"CSS-Tricks","item":"https://daily.dev/sources/css_tricks"},{"@type":"ListItem","position":3,"name":"What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More"}]} ```