{Carrer web log} ←
TweetThisPage - bookmarklet for fast twitter posting
Friday, August 13, 2010 { 1 Comments }
Yesterday Twitter introduced the official (Tweet) Button and new API.I was eager to try the new API and I build right away new Bookmarklet who can help you fast posting to Twitter from any web page.
How this works?
Install the bookmarklet
TweetThisPage - Drag the link to your browser bookmark toolbar
When you click the bookmarklet it will automatically open new browser window and put the page HTML Title and the link (the link will get shorten by official Twitter shortener) . If you select any text from the page it will insert the selected page and avoid inserting the HTML Title.
And that is it.
When should you use it?
When the web page or the blog doesn’t have tweet button and you want to avoid copy pasting the title and url.
Here are some screenshots, I used Daring Fireball blog like an example:
With no text selected:

With text selected:

Here is also the source code from the bookmarklet:
(function () {
var l,t,s,D = document;
l = encodeURIComponent(location.href);
t = encodeURIComponent(D.title);
s = encodeURIComponent(D.getSelection());
if(s.length != 0)
{window.open('http://twitter.com/share?text='+s+'&url='+l,'', 'width=533,height=232,toolbar=1,resizable=0'); }
else
{window.open('http://twitter.com/share?text='+t+'&url='+l, '', 'width=533,height=232,toolbar=1,resizable=0'); }
})()
You don’t know what bookmarklet is here is Wikipedia link.
I hope that you will find this tool useful.
1 Responses to “TweetThisPage - bookmarklet for fast twitter posting”
Post a Comment<< Home
About Me <<<
Name: Vladimir Carrer
vladocar [at] gmail.com
Location: Verona, Italy
I'm a web designer, developer, teacher, speaker, generally web addicted ...
My projects <<<
- Photoshop Wireframing Kit
- Hand Drawn Icons
- Logo Mock-ups
- Hartija - Css Print Framework
- MySQL Lite Administrator
- Quark Mini PHP CMS
- Formy - CSS Form Framework
- Emastic - CSS Framework
- Malo - CSS Library
- The Golden Grid
- 1 line CSS Grid Framework
- Two Lines CSS Framework
- Child Selector System - CSS Framework
- Better Web Readability Project
- Azbuka - CSS Typographical Base Rendering Library
- ClipR - bookmarklet for better reading
- CSS3 Action Framework
- CSS Mini Reset
- HTML5 Mini Template
- CSS Mobile Reset
- picoCSS - JavaScript Framework
- HTML Lorem Ipsum Crash Test
- Object Auto Documentation - JavaScript
- o - JS Library for Object Manipulation
- Foxy - CSS Framework
- Tumblr Free Theme - Better Readability Project
- Box - CSS Framework
§§Previous Posts <<<
- Bulletproof CSS3 media queries
- Distributed Color Palette – Photoshop Tool
- iPhone Grid System
- CSS Mini Reset
- CSS vendor prefixes – Can we all get along
- CSS3 Action Framework
- Minimalistic Wallpaper for iPad
- Photoshop glyphs tester
- Hacker News mini Redesign [Unofficial]
- ClipR - bookmarklet for better internet reading
Other Profiles <<<
Content is licensed under a Creative Commons Public Domain License


Modern Logo Mock-ups