--- title: Best Bram.us posts — September 2024 | daily.dev description: The most upvoted Bram.us posts from September 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/bram/best-of/2024/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/bram/best-of/2024/09 og:type: website og:site_name: daily.dev og:title: Best Bram.us posts — September 2024 | daily.dev og:description: The most upvoted Bram.us posts from September 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Bram.us — September 2024 1. 1 [](https://daily.dev/posts/animate-to-height-auto-and-other-intrinsic-sizing-keywords-in-css-tbuzagqy1 "Animate to height: auto; (and other intrinsic sizing keywords) in CSS") Article Bram.us · 2y Animate to height: auto; (and other intrinsic sizing keywords) in CSS Chrome 129 introduces the \`interpolate-size\` property and \`calc-size()\` function, allowing smooth transitions and animations from lengths to intrinsic sizing keywords like \`height: auto\`, \`min-content\`, and \`max-content\`. Adding \`interpolate-size: allow-keywords;\` to your stylesheet enables these animations. 74 6 2. 2 [](https://daily.dev/posts/solved-by-css-scroll-driven-animations-hide-a-header-when-scrolling-up-show-it-again-when-scrollin-aeeg5ouew "Solved by CSS Scroll-Driven Animations: hide a header when scrolling up, show it again when scrolling down.") Article Bram.us · 2y Solved by CSS Scroll-Driven Animations: hide a header when scrolling up, show it again when scrolling down. CSS scroll-driven animations can be used to hide a header when scrolling up and show it when scrolling down. By using CSS variables and the transition-delay property strategically, one can make custom properties 'sticky' and retain their values during idle periods. This technique is particularly useful for creating smooth and responsive scroll-based animations. 66 2 [See all Bram.us archives](/sources/bram/best-of) ```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","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/bram/best-of/2024/09#page","url":"https://daily.dev/sources/bram/best-of/2024/09","name":"Best Bram.us Posts — September 2024","description":"The most upvoted Bram.us posts from September 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/bram/best-of/2024/09#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/animate-to-height-auto-and-other-intrinsic-sizing-keywords-in-css-tbuzagqy1","name":"Animate to height: auto; (and other intrinsic sizing keywords) in CSS"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/solved-by-css-scroll-driven-animations-hide-a-header-when-scrolling-up-show-it-again-when-scrollin-aeeg5ouew","name":"Solved by CSS Scroll-Driven Animations: hide a header when scrolling up, show it again when scrolling down."}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Bram.us","item":"https://daily.dev/sources/bram"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/bram/best-of"},{"@type":"ListItem","position":5,"name":"September 2024"}]}]} ```