Https://github.com/benjchan/Anchor The infinite scroll. It's dangerously easy to scroll mindlessly for hours, especially when it…

Latest Version

Version
1.0.0
Update
November 27, 2020
Size
90.42KiB
Developer
Category
Users
110
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
See more

Anchor Extension

https://github.com/benjchan/Anchor

The infinite scroll. It's dangerously easy to scroll mindlessly for hours, especially when it comes to social media.

So what if we playfully visualised infinite scrolling as a deep sea dive, to help people experience their scrolling habit more tangibly?

Anchor is a simple Chrome extension which plays on this feeling of sinking. The further down you scroll, the deeper you dive — and you can watch as your screen slowly turns a dark blue, a little fish swims across your screen, and finally, you hit a (literal) rock bottom.

We're thinking this could be easily adapted and expanded (by you!) into a whole series of scrolling experiments. Think cave exploring, parachuting, digging to the center of the Earth... All our code is available on GitHub (https://github.com/benjchan/Anchor) for you to play with and evolve.

Project created by:
- Brendan Browne-Adams (https://www.brendanbrownedesigns.com/)
- Lahari Goswami (https://laharigoswami.cargo.site)
- Miki Chiu (https://www.mikichiu.com)
- Tayo Kopfer (https://tayo.co.za)
- Twomuch Studio (https://twomuch.studio)

For a more up-to-date version, check out https://chrome.google.com/webstore/detail/anchor/edefjkgbhajbmjkkclpacaelombcdiik. This is provided for those who prefer the simplicity of the original extension.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Anchor", "version": "1.0.0", "icons": { "128": "icon.png" }, "content_scripts": [ { "matches": [ "" ], "js": ["jquery-3.2.1.js", "content.js"], "css": ["main.css"] } ], "browser_action": { "default_popup": "popup.html" }, "background": { "scripts": ["background.js"], "persistent": true } }
Read more