Smashing Magazine·2ySticky 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.
Smashing Magazine·2ySVG 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 <viewBox> attribute, and techniques for coding SVG with JavaScript. Enhance your SVGs with accessible attributes and group elements to manage transformations and repetitions efficiently.
Smashing Magazine·2yCreating 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.