The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, including #ai, #css, #devtools, #fonts, #html, #inp, #mcp, #performance, #pwa, #scrolldrivenanimation, #speculationrules, #webcomponents and more. Happy reading!

🔵 Pure CSS vertical scroll, horizontal slide
by Ana Tudor
@anatudor.bsky.social
at @codepen.io
#scroll #scrolldrivenanimation #scrollAnimation #webdev

codepen.io/thebabydino/...

Small white text on bottom: An Introduction To CSS Scroll-Driven Animations. Big centered red text with black shadow: Scroll And View Progress Timelines. Background image: duotone blue image of frames of a reindeer walking.

🦌 An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines
by Mariana Beldi
@holasvg.bsky.social
at @smashingmagazine.com
#ScrollDrivenAnimation #css #webdev #ViewProgress

www.smashingmagazine.com/2024/12/intr...

White text with dark blue shadow on blue background: Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations

🔵 Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations
by T. Afif @ChallengesCss at @FrontendMasters
#Slider #CSS #Animation #ScrollDrivenAnimation #webdev
frontendmasters.com/blog/custom-...

White text on blue background: Refactoring a scroll-driven animation from JavaScript to CSS

🔵 Refactoring a scroll-driven animation from JavaScript to CSS
by Andrico Karoulla @AndricoKaroulla
#ScrollDrivenAnimation #animation #css #webdev

component-odyssey.com/articles/08-...