Creating a Scroll-Spy With 2 Lines of CSS

Una Kravets explains how scroll-target-group
lets you create a scroll-spy table of contents with basically two lines of CSS.
Una Kravets explains how scroll-target-group
lets you create a scroll-spy table of contents with basically two lines of CSS.
Temani Afif demonstrates how to use modern CSS to build a row of logos that animate forever perfectly and don’t have any duplicated HTML or JavaScript at all.
Looking to stand out in a competitive job market? Codecademy can help you build in-demand technical skills and prepare for top industry certification tests from AWS, Microsoft, CompTIA, and more.
CSS Weekly readers can save 15% on a year of Codecademy Pro and get access to:
– 600+ interactive courses
– Step-by-step career guidance
– Industry certification prep
Try hands-on learning and get ready to unlock new career opportunities — just use code SKILLUP15 at checkout for 15% off.
Find out why the order in which you set values for the CSS transform property really matters, now how to easily create drop caps using modern CSS, if you really are a frontend developer, and more.
Kevin Powell shows how to spice up your site with quick & easy theme transitions.
Miriam Suzanne explores different ways to interact with a user’s preferred font size using modern CSS units and math functions.
Ikeh Akinyemi investigates how the if()
function works, shares some practical examples, and compares it to existing CSS conditional techniques.
Russell Beswick demonstrates how Shadow DOM fits into the broader picture of Web Components, explaining why it matters, when to use it, and how to apply it effectively.
Chris Ferdinandi shares some tips on building frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for.
Performance, security, backups, SSH, staging and expert support. WPMU DEV is an all-in-one toolkit designed to make site management easier for growing agencies.
CSS Weekly readers get 90% off your first year.
Adam Argyle created a fantastic collection of CSS-only carousel demos that showcases the capabilities and potential of CSS Carousel specs
A comprehensive, platform-agnostic checklist that enumerates key front‑end best practices and optimizations for maximizing website speed and efficiency.
Simon Goellner created a stunning and effective glowing card demo you should definitely check out.
Thank you so much for reading!
If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly on Buy Me a Coffee
• CSS Weekly on Patreon
• CSS Weekly YouTube Channel
• Mastering Linting
Happy coding,
Zoran Jambor