--- title: Best Smashing Magazine posts — September 2024 | daily.dev description: The most upvoted Smashing Magazine posts from September 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/smashing/best-of/2024/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/smashing/best-of/2024/09 og:type: website og:site_name: daily.dev og:title: Best Smashing Magazine posts — September 2024 | daily.dev og:description: The most upvoted Smashing Magazine 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 Smashing Magazine — September 2024 1. 1 [](https://daily.dev/posts/sticky-headers-and-full-height-elements-a-tricky-combination-smashing-magazine-e748qs3eq "Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine") Article Smashing Magazine · 2y Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine Philip Braunen delves into solving the tricky combination of sticky headers and full-height elements on a webpage. He explains why simple solutions often fail due to CSS's intricacies and presents a robust method using CSS Grid. This approach avoids common pitfalls like fixed heights and container wrapping, providing a flexible and maintainable solution for layouts needing dynamic sizing. 34 1 2. 2 [](https://daily.dev/posts/svg-coding-examples-useful-recipes-for-writing-vectors-by-hand-smashing-magazine-xptix8il8 "SVG Coding Examples: Useful Recipes For Writing Vectors By Hand — Smashing Magazine") Article Smashing Magazine · 2y SVG Coding Examples: Useful Recipes For Writing Vectors By Hand — Smashing Magazine Learn practical tips for hand-coding SVGs, including creating simple shapes like rectangles, circles, and lines. Explore SVG coordinate systems, the attribute, and techniques for coding SVG with JavaScript. Enhance your SVGs with accessible attributes and group elements to manage transformations and repetitions efficiently. 33 1 3. 3 [](https://daily.dev/posts/creating-custom-lottie-animations-with-svgator-smashing-magazine-sl8d1chzz "Creating Custom Lottie Animations With SVGator — Smashing Magazine") Article Smashing Magazine · 2y Creating Custom Lottie Animations With SVGator — Smashing Magazine SVGator introduces comprehensive support for Lottie files, enhancing its versatility as a one-stop tool for vector animations. The platform now supports exporting in various video and image formats alongside Lottie, catering to a wide array of user needs. Users can test SVGator's functionalities for free, with the option to start projects from existing Lottie files or create new animations from scratch. It offers seamless integration with web and mobile applications, making it a valuable tool for developers and designers. 30 [See all Smashing Magazine archives](/sources/smashing/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/smashing/best-of/2024/09#page","url":"https://daily.dev/sources/smashing/best-of/2024/09","name":"Best Smashing Magazine Posts — September 2024","description":"The most upvoted Smashing Magazine posts from September 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/smashing/best-of/2024/09#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/sticky-headers-and-full-height-elements-a-tricky-combination-smashing-magazine-e748qs3eq","name":"Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/svg-coding-examples-useful-recipes-for-writing-vectors-by-hand-smashing-magazine-xptix8il8","name":"SVG Coding Examples: Useful Recipes For Writing Vectors By Hand — Smashing Magazine"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/creating-custom-lottie-animations-with-svgator-smashing-magazine-sl8d1chzz","name":"Creating Custom Lottie Animations With SVGator — Smashing Magazine"}]},{"@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":"Smashing Magazine","item":"https://daily.dev/sources/smashing"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/smashing/best-of"},{"@type":"ListItem","position":5,"name":"September 2024"}]}]} ```