trochr / scrollstuff Goto Github PK
View Code? Open in Web Editor NEWBookmarklet to scroll down
Home Page: http://trochr.github.io/ScrollStuff
Bookmarklet to scroll down
Home Page: http://trochr.github.io/ScrollStuff
Rawgit, is not related to github
It should no be necessary to use it
1/ Show a flash status with reading speed, info (hit esc to stop), adjust link, debug checkbox
2/ Adjust link is not yet present
3/ Shoud have a tooltip indicating what wpm, awpl and pps mean
Not very nice
Would be cool to keep the scroll speed after a pause
Maybe inspired by Instapaper tilt to scroll icon ?
Double ESC is not explorable
That's a question !
In this page, next to Jeff portrait :
for example : http://abcnews.go.com/
In wikipedia it's frequent http://en.wikipedia.org/wiki/Ubuntu_(operating_system)
Split Mobile and ScrollStuff in 2 different Github projects
Example : http://www.lefigaro.fr
2 factors :
The user's reading speed, evaluated from earlier scrolling test : give an estimation on this with a confidence gauge
The length in words of one line and heigth of one line of text
Estimated reading time at zero might be a good indicator.
Only the interface is available right now, when double clicking
Maybe a button "try it" and then display a pointer show where the scroller is, and then revealing an article below to read
After enabling by mouse then hiding by keyboard.
Highlighting also is broken
(Maybe?) Deal with custom tags, such as this page does :
// http://pro.clubic.com/entreprises/google/actualite-714679-achats-app-google-cible-ftc-concours-apple.html
An idea for a scroller : the whole page : if the cursor is on the top of the part of page, scroll slower, if bottom of the page : scroll faster.
You tune the speed by moving the cursor up/down.
At the end of the article, we have a sample of awpm that we can plot and save
what a bug !
Seems really rare, only one occurence for now.
http://glog.glennf.com/blog/2013/02/28/the_sanctity_of_logic
Could maybe try to identify that the ESC key is already binded
Should be able to pause without pressing any key : with the top bar
For a better look (rounded corners maybe ?)
One issue to rule them all :
(2) Custom tags (
)(3) Add spans
http://www.gameblog.fr/news/44514-monument-valley-decroche-le-million
http://blog.colepeters.com/design-culture-is-frozen-shithole/
http://techblog.netflix.com/2014/09/introducing-chaos-engineering.html
(4) With many links
http://en.wikipedia.org/wiki/Ubuntu_(operating_system)
(7) First and last in HN:
https://news.ycombinator.com/item?id=8078356
(9) P starting by an img :
http://www.skorks.com/2010/05/closures-a-simple-explanation-using-ruby/
https://www.eff.org/deeplinks/2014/07/inaugural-stupid-patent-month
(10) Poorly structured article : (bunch of test with paragraphs separeted by br tags)
http://www.romandie.com/news/LOtan-en-alerte-face-a-une-intense-activite-de-laviation-russe_RP/532140.rom
http://paulgraham.com/pinch.html (not from a clueless person)
(11) Content is in an iFrame : http://popist.com/s/16aa4fc/ (How disgraceful is that ?)
5. Starting with a link
https://medium.com/the-physics-arxiv-blog/the-face-recognition-algorithm-that-finally-outperforms-humans-2c567adbf7fc
http://eloquentjavascript.net/00_intro.html
8. Avoid wrapper divs :
http://www.slate.fr/story/90333/economie-collaborative-partage
http://www.bbc.com/future/story/20140808-music-like-never-heard-before (word count NOK)
http://arstechnica.com/tech-policy/2014/08/why-the-head-of-mt-gox-bitcoin-exchange-should-be-in-jail/
any article read in Instapaper
5. Starting with special letters (span or font tag)
http://www.jp-petit.org/science/Z-machine/FOCUS/principe_fonctionnement_FOCUS.htm
http://nautil.us/issue/18/genius/super_intelligent-humans-are-coming
1. Side text
Next to Jeff portrait : http://www.wired.com/2014/07/google_brain
This was only a matter of "orphaned paragrah"
See the checkbox on : http://supermegaultragroovy.com/2014/07/18/chord-intelligence/
starting angle adjust
On double click show go to scroll stuff home page / dev page
Might be usable on mobile ultimately by adjusting the size of the scroller which currently is too small to be precise.
Quite ressource intensive (battery draining)
Remove the mention on homepage that it's unusable without a cursor
Reopening #6, since we finally might have a backend to store that
Keep the option to customize stuff by a parameter in the bookmarklet
Reset variables better (currently it's doubling speed at every relaunch)
Text to display when reaching 1/3 of the length of the page :
"Press escape key to pause the scrolling"
document.body.scrollTop/document.body.scrollHeight > 0.333
Currently it activates ScrollStuff
Explained :
Maybe use something other than the custom header, try "Authorisation" instead of "Guid-SmartScroll"
Not so easy on a bookmarklet, it might even be impossible.
But find a icon
Point to here ?
Example : Github
Reason : use of a Content Security Policy
Scoller invisible on Firefox
Could be dangerous though
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.