HTML5 Audio Safari Extension
I subscribe to a number of blogs that post audio files on a regular basis (like composer of Battlestar Galactica and The Walking Dead, Bear McCreary and a number of game music sites). Connor McKay’s YouTube5 Safari extension addresses most videos I encounter and “Open in Google Chrome” works for the rest but while video might demand attention, audio is ambient. It doesn’t makes sense to keep a second browser open just for background noise but I couldn’t find a similar extension for audio. So I made one. HTML5 Audio Safari extension replaces a number of Flash-based audio players with the HTML5 audio element. I’m not taking requests for additional players—I’ll be improving support as my needs dictate—but if you, fellow savvy developer, add support for additional players, let me know and I’ll drop it in (credited, of course).
Supports Tumblr.
UPDATE:
Loving this.
Between this and the ClickToFlash extension, I’m quite close to a non-Flash Tumblr experience.
Related: Has anyone written an all HTML5/non-Flash Tumblr theme?
4 Greasemonkey scripts for Tumblr that just blew my mind [UPDATED x 4]
UPDATE: Tumblr’s recent Dashboard redesign has broken some of the features of missing e. Will see if an update ever sees the light of day.
And I noticed that NinjaKit is broken in Safari 6. Haven’t seen an update/workaround for that. Anyone else?
——————————
UPDATE: The author of missing e and the Tumblr staff are involved in ongoing discussions that may result in certain functions, if not support for the entire extension, being dropped. Stay tuned.
——————————
UPDATE: Just download the missing e browser extension for Tumblr here.
Works with Chrome, Firefox, and Safari.
Does most, if not all of the functions below, and then some.
Amazing work by Jeremy Cutler.
——————————
Seriously.
May have peed a little.*
Tumblr should implement these tools natively pronto.
I’m using Safari 5.0.x on a Mac with the NinjaKit Extension and all four scripts work, though your mileage may vary with other setups.
The four are as follows:
Add a tumblr control button to reblog your own posts!
You could always do this manually:
Reblog yourself:
Go to the permalink page of the post, view the HTML source, at the bottom it will say <!— BEGIN TUMBLR CODE —> and then an iframe source which ends in “&rk=Ml5I4A6I” except that RK code is different every time. Copy the 8-digit code that comes after “rk=” and then in your address bar it will say something like http://*you*.tumblr.com/post/658445839/, replace “post” with “reblog” and then paste the 8-digit code after it, making “http://*you*.com/reblog/658445839/Ml5I4A6I” then hit enter. Reblog form should come up after that.
…but this is much easier.
2) Tumblr Upload Photo button for all posts Broken. I’ve contacted the author. We’ll see if a fix comes… Fixed!
Adds the “+ Upload Photo” option to all types of posts except chat.
This simply adds the “Upload Photo” button to posts besides text post, this allows you to add pictures that will be visible on other peoples’ dashboards, instead of showing up as the gray picture icon (which is what shows up if you use the picture button in the text editor).
The list of posts this adds the button to is:
Photo, Link, Quote (description only), Audio, Video, and messages, as well as reblogs and edits of all of the previous.
I’ve whined about this sort of thing recently here and here. Super psyched to find this one.
3) Tumblr Popup Editor (h/t just-chiara) Temperamental, in Safari, at least. Occasionally refreshes on its own in the middle of editing. Mrrr… Seems to work fine now…
Allows you to edit a post without loading a new page. Doesn’t take you away from the Dashboard or page that you’re on. It’s a faster way of editing typos and such.
Add an edit link for all tumblr posts (very useful for colaborative blogs)Problem: When you have many blogs (2+) on Tumblr, usually colaborative blogs, you lose the edit button.
Solution: Add an additional button to edit blog posts from colaborative blogs. This script works with http://(yourblog).tumblr.com by default, but you can add more URLs on Greasemonkey’s configuration
Use the following syntax in the configuration code for each additional blog you’d like to add:
@include http://[blog].tumblr.com/post/*
Huge help. Not having an edit button on a post means having to edit from a blog’s Dashboard. Unfortunately, Tumblr’s search sucks, and often doesn’t bring up the post that you’re looking for. You end up having to scroll back through pages of old posts from the Dashboard to find it, or scour through archives. Not elegant. Huge thanks to the author for this one.
The internet rules.
Have you found any others that you like?
You can go to userscripts.org and search for “Tumblr” to see what else comes up.
* - I’m all about efficiency such a nerd.
I really don’t get why all these sites that have special iPhone versions can’t give everyone an HTML5 player.
Marc Hoyois, author of the ClickToFlash Safari extension during an e-mail exchange today.
Related: Has anyone written an all HTML5/non-Flash Tumblr theme?
Franker by Yurii Soldak
Franker is a Safari 5 extension which mimics Ilya Frank’s Reading Method for web sites.
The method helps people learn foreign languages and differs from common parallel texts method used in many books in a way it injects translation directly into the original text. Injections are small (usually several words or sentence, with notes if necessary). This way you read sentence on foreign language first, then check you understand everything correctly by translation and learn new words and phrases in context.
The extension does its best to mimic the method using Google Translate; it does NOT produce the same result as real method would. Obviously this simple script can’t make useful notes and doesn’t do deep analysis of a text, it just translates complete sentences.
Safari 5 Extensions
A handy list of available Safari extensions to tide you over until Apple opens their gallery.
For those who haven’t already, how to enable extensions in Safari 5:
1) Make sure ‘Show Develop menu in menu bar’ is checked in the Advanced pane of Safari’s preferences.
2) Make sure ‘Enable Extensions’ is checked in Safari’s Develop menu.
3) There should now be an Extensions pane in Safari’s Preferences. Start trying out extensions! Double-click on a .safariextz file, and Safari should ask you whether you want to install it.
Enjoy!
