Scroll

Discover Refind’s best articles, videos, and resources on Scroll. Follow along to get the most relevant new links picked for you.
9 Best Articles in 2022
CSS-Tricks
Practical CSS Scroll SnappingCSS-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
css
snap
scroll
ishadeed.com
CSS Scroll Snapishadeed.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)
css
scroll
scroll snap
The Verge
A critical analysis of scroll bars throughout historyThe 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
ux
visual design
CSS-Tricks
An Overview of Scroll TechnologiesCSS-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
programming
css
web development
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
web design
ux
InVision
It’s time to kill the infinite scrollInVision
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
ux
Neal Agarwal
The Deep SeaNeal 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
biology
scrollytelling
oceans
michalsnik.github.io
AOS - Animate on scroll librarymichalsnik.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
css
animation
scroll
Guardian Tech
Infinite scroll: life under InstagramGuardian 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
social media
digital life
attention economy
Trending
brainlenses.substack.com
Infinite Scrollbrainlenses.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
Most highlighted
The man who came up with the infinite scroll interface, Aza Raskin, has since apologized for bringing this interface option into the world, as he believes it wastes the equivalent of about 200,000 human lifetimes per day because of how it incentivizes us to keep scrolling and consuming content way past what we would otherwise consider to be sufficient.
UX Collective
The Infinite Scroll effect — How design can hack your brainUX Collective
8 min read · Mar 27th · And why tech companies want to get your attention
Reader View · Shared by 65, including Luca Longo
product design
social media
Smashing Magazine 🇺🇦
Designing A Better Infinite Scroll — Smashing MagazineSmashing 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…
Summary · Reader View · Shared by 66
ux
scrollex-docs.vercel.app
Scrollexscrollex-docs.vercel.app
3 min read · May 9th · A react library to build beautiful scroll experiences with minimal code.
Reader View · Shared by 60
react
javascript
More like this
brainlenses.substack.com
Infinite Scrollbrainlenses.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
Most highlighted
The man who came up with the infinite scroll interface, Aza Raskin, has since apologized for bringing this interface option into the world, as he believes it wastes the equivalent of about 200,000 human lifetimes per day because of how it incentivizes us to keep scrolling and consuming content way past what we would otherwise consider to be sufficient.
CSS-Tricks
Introducing CSS Scroll Snap PointsCSS-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
css
frontend
scrolling
CJR
The infinite scrollCJR
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
digital life
evilmartians.com
Scroll to the future — Martian Chronicles, Evil Martians’ team blogevilmartians.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
css
scroll
alexanderell.is
My lizard brain is no match for infinite scrollalexanderell.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
social media
Smashing Magazine 🇺🇦
Scroll Bouncing On Your WebsitesSmashing 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
css
scroll
scrolling
Nir Eyal
Infinite Scroll: The Web’s Slot MachineNir 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 Museumskins.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
winamp
music
design
CSS-Tricks
Practical Use Cases for Scroll-Linked Animations in CSS with Scroll TimelinesCSS-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)
Scroll

9 Best Articles in 2022

Trending

More like this

Get smarter every day

Get smarter every day
