Bram.us

Catalog

• 100vh in Safari on iOS
• A first look at container-query-polyfill, a polyfill for CSS Container Queries
• A first look at CQFill, a Polyfill for CSS Container Queries
• Conditions for CSS Calculations
• Container Queries are coming to Chromium!
• Container Queries: Style Queries
• Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions
• CSS Container Queries: A First Look + Demo
• CSS Custom Functions are coming … and they are going to be a game changer!
• CSS Logical Properties and Values, the next Step of CSS Evolution
• CSS Type Grinding: Casting Tokens (sm|md|etc) into Useful Values (aka Style Queries without Style Queries thanks to @property)
• CSS Variables: var(--subtitle);
• Customizing Pull-to-Refresh and Overflow Effects with CSS’ overscroll-behavior
• Feature detect CSS @property support
• Feature detect CSS @starting-style support
• Feature Detection in CSS (CSS @supports)
• Help choose the syntax for CSS Nesting!
• Introducing scroll-driven-animations.style
• Making viewport units work properly in Mobile Safari
• Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables” (CSS Environment Variables)
• Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up.
• Solved by CSS Scroll-Driven Animations: A :snapped selector
• Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
• Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.
• Solved by CSS Scroll-Driven Animations: Style an element based on the active Scroll Direction and Scroll Speed
• The CSS Cascade: A Deep Dive (2022.06.09 @ CSS Day)
• The Future of CSS: Cascade Layers (CSS @layer)
• The Future of CSS: Construct <custom-ident> and <dashed-ident> values with ident()
• The Future of CSS: Detect at-rule support with @supports at-rule(@keyword)
• The future of CSS: Higher Level Custom Properties to control multiple declarations
• The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 1)
• The Future of CSS: Variable Units, powered by Custom Properties
• The Google Antigravity website, rebuilt with Modern CSS
• The Large, Small, and Dynamic Viewports
• The ultimate guide to CSS Viewport Units
• Use overscroll-behavior: contain to prevent a page from scrolling while a <dialog> is open
• What’s new in web animations (Google I/O 2023)