Took a break from my homework to make this.
Lets you add tilt scrolling to any page in Mobile Safari, assuming you’re using iOS 4 or greater. Also works in Firefox 3.5+ if your computer has an accelerometer (many laptops these days do).
Enjoy. It’s very pleasant to use with the Tumblr Dashboard.
It has a few issues. Source is on github.
Seriously though, fun activity for all you Snow Leoparding Tumblr Blogging readers at home:
- Add infinite-scrolling to your blog with a few lines of javascript.
- Get LittleSnapper.
- Scroll through all of your posts ever.
- Take a ginormous screenshot.
- Watch in awe as Finder churns out a quick preview of the image like a champ in one second flat.
staff:
Now you can flip between Dashboard pages with the left (←) and right (→) arrow keys. This is great if you’re trying to navigate the Dashboard with a sandwich in one hand.
Let us know if you catch anything acting funny.
I might be too hip for tumblr. I’ve had this feature on my own site since October. It’s pretty simple stuff.
As a followup to this post I’ve updated my pageturn script to work on any part of the site with paginaiton. To do so, I relied on the getElementById method, which made things incredibly simple. It also means that in order to use the script on your site, you’ll need to specify an id for the pagination hyperlinks in your theme. For mine, I used the ids “older” and “newer.”
Check it out: Press the left or right arrow keys on a date, permalink, or main page and watch with delight.
Feel free to use it, either by linking directly to my script or by downloading and hosting it yourself.
Try pressing your right/left arrow key.
I mostly did this for an afternoon’s giggles and to reassure myself that I still kind of know javascript. If you’d like to implement it on your own tumblelog, just grab the script below:
/* pageturn.js
created by Ethan Sherbondy
originally for use at http://iam.tooepic.com
October, 2008
Feel free to modify this as you see fit.
*/
document.onkeyup = KeyCheck;
function PageTurn(a_id) {
var the_url = document.getElementById(a_id).href;
window.location = the_url;
}
function KeyCheck(e) {
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID) {
// Replace "older" and "newer" with whatever ids you gave your pagination links.
case 37:
PageTurn("older");
break;
case 39:
PageTurn("newer");
break;
}
}