The State of CSS 2024 survey wrapped up and the results are interesting, as always. Even though each section is worth analyzing, we are usually most hyped

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

CSS Anchor Positioning and Scroll-Driven Animations enable new possibilities in web development, previously possible only with JavaScript. This post demonstrates how to use these CSS features to pop footnotes as comments on the sides of text in a blog post. It covers the foundation, positioning the footnotes using anchors, and animating them as they come into view. The post also addresses how to handle footnotes for mobile screens, making them display as regular notes when screen space is limited.

Popping Comments With CSS Anchor Positioning and View-Driven Animations

<p>Very cool and super easy to understand. Great read. Thanks.</p>
