All posts tagged ‘bookmarklet’

Find Tweetable Sentences With ‘Save Publishing’

This post with tweetable sentences highlighted by Save Publishing. Image: Screenshot/Webmonkey

Ever wish you could quickly scan an article and find all the 140 character or less sentences so you could figure out which to post to Twitter? The idea had never occurred to me, but now that I’ve used the Save Publishing bookmarklet I have to admit, it actually is pretty darn useful.

Save Publishing is a bookmarklet that highlights any tweetable sentences on a given page. You can grab it from or head over to GitHub if you’d like to see the source (Save Publishing is written in CoffeeScript).

The bookmarklet is the work of former Harper’s editor Paul Ford, perhaps better known as @ftrain. Ford says the project started as a joke, but “now it’s serious and I use it all day.”

I expected the novelty to wear off quickly after I used it a few times, but now it’s been a few days and I still find myself using it. Sometimes the faintly ridiculous manages to become useful. What would make Save Publishing more useful is a way to use it within Twitter clients like Tweetbot, but thus far that’s not possible.

File Under: Browsers, JavaScript

‘Kick Ass’ Bookmarklet Turns the Web Into Asteroids

Thanks to his presence as a background image, W.T. Monkey is immune to ass kicking.

Sometimes you just want to kick the web’s ass. Destroy it with tiny dots blasted from your Asteroids-style space ship floating above all the paragraphs and images and semantically meaningless wrapper divs.

Or maybe that’s just me. But if you find yourself feeling the same way, well, you too can kick the web’s ass.

Kick Ass is a JavaScript bookmarklet created by Erik Andersson that turns the entire web into a game of Asteroids. Just head over to the site, drag the bookmarklet into your tool bar and start destroying stuff.

Kick Ass will add a triangular spaceship to any page. Use the arrow keys to steer and the space bar to shoot. And remember, like the site says, “it’s cooler if you make your own sound effects.”

See Also:

File Under: Visual Design

Think Inside the Box Model With XRAY

XRAY is a su-weet little bookmarklet for quick and dirty CSS info. It’s similar to some of the simple features of our beloved Firebug, only much faster, and works in just about every modern browser.

XRAY in action

Once you install the XRAY bookmarklet, give it a click and you’ll see a semi-transparent overlay. At that point, click anywhere on the page and you’ll get info on the box model of that element. XRAY puts a bright border around the box and highlights the width, height, and coordinates. In the overlay, you get lots more info: borders, margins, padding, id, classes, and its location within the box hierarchy.

Perhaps equally as exciting as what XRAY does is what it represents. As a bookmarklet, it’s worthy of emulation. XRAY’s developers credit a microformats bookmarklet with the inspiration.

All the XRAY bookmarklet does is include its JavaScript file, which does all the tough stuff. This also means that it’s auto-updating. Bugs don’t get stuck on users computers, waiting for them to upgrade. I’m looking forward to seeing more bookmarklets like this.

See also: