9 Best Articles in 2022
CSS-Tricks
Practical CSS Scroll Snapping
CSS-Tricks
6 min read · From 2018 · CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building
Reader View · Shared by 89, including Tableless, Alligator.io 🐊, Boris Périsset, Benoist Lawniczak, Ferit (at 🏠) 🌙, David Bauer, John Maeda, Rodrigo Noales, Ahrbil, Sérgio Vieira
ishadeed.com
CSS Scroll Snap
ishadeed.com
10 min read · 2020-12-08 · An in-depth article on CSS scroll snap, why to use, how it works, and lots of examples.
Shared by 54, including David Hellmann, Veerle Pieters, Stéphanie Walter, Chris Heilmann, Marius Bleuer, 6clicks | John Robert-Nicoud, Evan (he/him)
The Verge
A critical analysis of scroll bars throughout history
The Verge
2 min read · From 2019 · A quick scroll through history
Reader View · Shared by 149, including Fabricio Teixeira, Niklaus Gerber, kate wagner, Thomas “🐈🔭🕹” Fuchs, Alexandra Wong, Josep M. Ganyet, Oliver Raduner, Esther Schindler
CSS-Tricks
An Overview of Scroll Technologies
CSS-Tricks
5 min read · 2020-06-22 · Scroll-related animations have been used on the web for years. In recent years, they’ve started to become more common, perhaps in part due to devices
Reader View · Shared by 132, including Stéphanie Walter, Jessel Sookha, rohit, Massimiliano Aroffo, CSS Weekly, Esther Schindler
logrocket.com
Stop building websites with infinite scroll!
logrocket.com
6 min read · From 2018 · In this article, we will explain why you need to stop building websites with infinite scroll.
Reader View · Shared by 94, including LogRocket, Benoist Lawniczak, Esther Schindler, lacolaco / Suguru Inatomi, Fırat Demirel, Alligator.io 🐊, Joe Lencioni, Charles Baldwin, Tableless
InVision
It’s time to kill the infinite scroll
InVision
5 min read · From 2019 · For news websites, the endless scroll encourages bad content and bad business models. Let’s change that.
Reader View · Shared by 83, including Marin Lorant, Massimiliano Aroffo, Courtney Bolton ★, Miguel Alvim, Nick Floro, Ian Lurie 🇺🇦, ross
Neal Agarwal
The Deep Sea
Neal Agarwal
From 2019 · Scroll down the deep sea in this interactive page.
Shared by 540, including fantastic ms., Dorothy Bishop, Dr. Jacquelyn Gill, Chris Heilmann, Brad Frost, Tim Bray 💉💉💉🎉, Nathan Yau, Richard Dawkins, David Smith, Liam Bright, Steve Silberman, Jessica Hische, Stéphanie Walter, Mathew Ingram, Emmy van Deurzen☀️🌍 🌻🌹🌳🇪🇺🇫🇷🇳🇱🇬🇧🇺🇸⭐️, Jerry Saltz, Klaus Eck, Edward Tufte, Ferris Jabr
michalsnik.github.io
AOS - Animate on scroll library
michalsnik.github.io
From 2016 · AOS - Animate On Scroll library using CSS3
Shared by 37, including David Hellmann, Kévin Ronceray, Sérgio Vieira, Bryan Onel, Kam, Thomas Kaul, Benoit Pontbriand
Guardian Tech
Infinite scroll: life under Instagram
Guardian Tech
~17 min read · From 2020 · The long read: After a few years, I came to understand Instagram dwellers as broken people – my people
Reader View · Shared by 261, including Gabriele, Javi Cantón, Merkstatt, Mars Rebello, Sam Proud, Klaus Eck, Scott Monty, Mark Kaigwa, luis antónio santos, Stephanie A Kowalski
Trending
brainlenses.substack.com
Infinite Scroll
brainlenses.substack.com
2 min read · Mar 30th · In the context of user interfaces, "scrolling" refers to the vertical or horizontal shifting of content across a display. So if you're playing a side-scroller video game like old-school Nintendo…
Reader View · Shared by 205, including Mark Kaigwa, rohit, Arturo Rebolledo, Colin Wright
UX Collective
The Infinite Scroll effect — How design can hack your brain
UX Collective
8 min read · Mar 27th · And why tech companies want to get your attention
Reader View · Shared by 65, including Luca Longo
Smashing Magazine 🇺🇦
Designing A Better Infinite Scroll — Smashing Magazine
Smashing Magazine 🇺🇦
~11 min read · Mar 30th · In this series of articles, we highlight design patterns and techniques to design better interfaces. You can also find more examples in [“Smart Interface Design Patterns”](https://smart-interface…
scrollex-docs.vercel.app
Scrollex
scrollex-docs.vercel.app
3 min read · May 9th · A react library to build beautiful scroll experiences with minimal code.
Reader View · Shared by 60
More like this
brainlenses.substack.com
Infinite Scroll
brainlenses.substack.com
2 min read · Mar 30th · In the context of user interfaces, "scrolling" refers to the vertical or horizontal shifting of content across a display. So if you're playing a side-scroller video game like old-school Nintendo…
Reader View · Shared by 205, including Mark Kaigwa, rohit, Arturo Rebolledo, Colin Wright
CSS-Tricks
Introducing CSS Scroll Snap Points
CSS-Tricks
20+ min read · From 2016 · Before this new CSS I'm about to introduce existed, locking an element into the viewport on scroll required rigging up some JavaScript. As you may know, Ja
Reader View · Shared by 30, including Marc Wieland, Benoit Pontbriand, DON’T PANIC, Paul Jakob White, Michael Musgrove
CJR
The infinite scroll
CJR
6 min read · From 2020 · For the sake of this exercise, please imagine it’s another gray midday in winter, months after the end of the World Series and still weeks from the beginning of spring training. The afternoon is…
Reader View · Shared by 182, including Trey Tweets Into the Void, Cory Doctorow, Tauno, kate wagner, Mark Kaigwa, Katja Evertz, Adam R
evilmartians.com
Scroll to the future — Martian Chronicles, Evil Martians’ team blog
evilmartians.com
~12 min read · From 2018 · Everything you always wanted to know about implementing scrolling but were afraid to ask. We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.
Reader View · Shared by 81, including Brad Frost, John Hues, José Rodrigues, Tableless, Christopher Möller, Kim Schläpfer, Kaspar Manz, Esther Schindler, Casey Smith, Gabriele, adrianleb.eth, Aske Behrsin, Frederik Dietz
alexanderell.is
My lizard brain is no match for infinite scroll
alexanderell.is
3 min read · Mar 7th · I’m declaring defeat. Infinite scroll has won. There is an endless supply of interesting things to consume online, and there are teams and teams of very smart people working very hard to get me to…
Reader View · Shared by 42, including David Papandrew
Smashing Magazine 🇺🇦
Scroll Bouncing On Your Websites
Smashing Magazine 🇺🇦
9 min read · From 2018 · This article describes the effect of scroll bouncing and how it works on different web browsers. It contains reviews of several different solutions that are suggested on the web that can be used to prevent scroll bouncing. The CSS property, <code>overscroll-behavior</code>, which was implemented in Chrome on December 2017 and in Firefox on March 2018, is also described in this article. A good understanding of this effect is very helpful for building or designing any website that has fixed elemen
Reader View · Shared by 24, including Yoav Ganbar, Alligator.io 🐊, Tableless
Nir Eyal
Infinite Scroll: The Web’s Slot Machine
Nir Eyal
4 min read · From 2017 · The infinite scroll has become a widely adopted design pattern for successful products like Pinterest. Why? It keeps users engaged through variable rewards.
Reader View · Shared by 47, including Genialy Agency, Mark Kaigwa, Peter Wennersten, joshua stoner, five5star // Design Graphique, Stephanie A Kowalski, Davo ⚡, Gianfranco
skins.webamp.org
Winamp Skin Museum
skins.webamp.org
2020-09-05 · Infinite scroll through 65k Winamp skins with interactive preview
Shared by 164, including C.C. Chapman (He/Him), Bas Grasmayer, kate wagner, Wilko S. Wolters 🇩🇪🇪🇺 See you at #HM22 ⚙️, Joe Groff, Stéphanie Walter, Ken Schwencke, ben, Hugo Londoño, Auf der Isar gibt es keine Matrosen, nur Flößer., Chris Messina, Chris Heilmann, 💥 Katie Martell, adrianleb.eth, Jennifer Daniel, patrick h. lauke (lazarus) #toryScum "Big Dog", Oliver Reichenstein, Veerle Pieters, David Hellmann, Chris Fralic
CSS-Tricks
Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
CSS-Tricks
6 min read · 2021-07-19 · The Scroll-Linked Animations specification is an upcoming and experimental addition to CSS. Using the @scroll-timeline at-rule and animation-timeline
Reader View · Shared by 31, including una.css 👩🏻💻🇺🇦, Chris Coyier, Val Head, Evan (he/him)