-
-
Save whym/58755 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| h1. What is Tombloo? | |
| Tombloo is a Firefox extension for posting photographs, memo, bookmarks and quotes into more than twenty web-services including Tumblr, twitter, FriendFeed and more. <br/> | |
| !http://github.com/to/tombloo/tree/master%2Fdocuments%2Fsummary_600.png?raw=true! | |
| You may get frightended by the large number of these services, but don't worry, you only need to remember one simple concept: <br/> | |
| Single interface to all the actions you want to do with the stuffs on the web. <br/> | |
| You can use exactly the same user interface to write a memo, capture a web page and send it to a photo sharing service. <br/> | |
| Tombloo currently supports the web services listed below: <br/> | |
| | !http://www.tumblr.com/images/favicon.gif! Tumblr | |!http://friendfeed.com/favicon.ico! FriendFeed | !http://ffffound.com/favicon.ico! FFFFOUND | | |
| | !http://www.flickr.com/favicon.ico! Flickr | !http://weheartit.com/img/favicon.ico! WeHeartIt | !http://www.straightline.jp/html/common/static/favicon.ico! 4u | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/item.ico?raw=true! Gyazo | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/local.ico?raw=true! Local | !http://twitter.com/favicon.ico! Twitter | | |
| | !http://jaiku.com/favicon.ico! Jaiku | !http://www.google.com/favicon.ico! GoogleBookmarks | !http://del.icio.us/favicon.ico! Delicious | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/firefox.ico?raw=true! FirefoxBookmark | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/instapaper.ico?raw=true! Instapaper | !http://bookmarks.yahoo.co.jp/favicon.ico! YahooBookmarks | | |
| | !http://snipshot.com/favicon.ico! Snipshot | !http://f.hatena.ne.jp/favicon.ico! HatenaFotolife | !http://b.hatena.ne.jp/favicon.ico! HatenaBookmark | | |
| | !http://d.hatena.ne.jp/favicon.ico! HatenaDiary | !http://s.hatena.ne.jp/favicon.ico! HatenaStar | !http://clip.livedoor.com/favicon.ico! LivedoorClip | | |
| | !http://wassr.jp/favicon.ico! Wassr | !http://faves.com/favicon.ico! Faves | !http://ma.gnolia.com/favicon.ico! Magnolia | | |
| You only want to use one or two services? That's fine, it's possible for you to clean up all the unwanted options from the screen. <br/> | |
| Tombloo recognizes how the information like permalink and author's name are embedded in every supported website. You only need to right click on a stuff and choose 'Share - ***' item. <br/> | |
| Extraction is supported on the more than fourty kinds of websites listed below: <br/> | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/photo.png?raw=true! Photo | !http://www.amazon.co.jp/favicon.ico! Photo - Amazon | !http://www.flickr.com/favicon.ico! Photo - Flickr | | |
| | !http://www.straightline.jp/html/common/static/favicon.ico! Photo - 4u | !http://snipshot.com/favicon.ico! Photo - Snipshot | !http://de.fishki.net/favicon.ico! Photo - Fishki.Net | | |
| | !http://www.google.com/favicon.ico! Photo - Google | !http://picasaweb.google.com/favicon.ico! Photo - Picasa | !http://www.webshots.com/favicon.ico! Photo - webshots | | |
| | !https://www.blogger.com/favicon.ico! Photo - Blogger | !http://www.shorpy.com/favicon.ico! Photo - Shorpy | !http://ffffound.com/favicon.ico! Photo - FFFFOUND! | | |
| | !http://www.google.com/favicon.ico! Photo - Google Image Search | !http://www.share-image.com/favicon.ico! Photo - Share-image.com | !http://mfrost.typepad.com/favicon.ico! Photo - Frostdesign.net | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/photo.png?raw=true! Photo - image link | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/photo.png?raw=true! Photo - Upload from Cache | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/photo.png?raw=true! Photo - background image | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/photo.png?raw=true! Photo - Capture | !http://reader.livedoor.com/favicon.ico! Photo - LDR | !http://reader.livedoor.com/favicon.ico! Photo - LDR(FFFFOUND) | | |
| | !http://vimeo.com/favicon.ico! Video - Vimeo | !http://youtube.com/favicon.ico! Video - YouTube | !http://www.google.com/favicon.ico! Video - Google Video | | |
| | !http://vids.myspace.com/favicon.ico! Video - MySpaceTV | !http://www.dailymotion.com/favicon.ico! Video - Dailymotion | !http://rimo.tv/favicon.ico! Video - Rimo | | |
| | !http://www.nicovideo.jp/favicon.ico! Video - Nico Nico Douga | | | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/reblog.ico?raw=true! ReBlog | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/reblog.ico?raw=true! ReBlog - Tumblr | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/reblog.ico?raw=true! ReBlog - Dashboard | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/reblog.ico?raw=true! ReBlog - Mosaic | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/reblog.ico?raw=true! ReBlog - Tumblr link | !http://reader.livedoor.com/favicon.ico! ReBlog - LDR | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/quote.png?raw=true! Quote | !http://reader.livedoor.com/favicon.ico! Quote - LDR | !http://twitter.com/favicon.ico! Quote - Twitter | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/quote.png?raw=true! Quote - inyo.jp | !http://www.amazon.co.jp/favicon.ico! Quote - Amazon | | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/link.png?raw=true! Link | !http://reader.livedoor.com/favicon.ico! Link - LDR | !http://www.amazon.co.jp/favicon.ico! Link - Amazon | | |
| | !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/text.png?raw=true! Text | | | | |
| To summarize, Tombloo works as an information hub for the web. It enables us to extract information from the varous websites and post it to the various websites. Any combination of sources and targets on the lists above are supported. <br/> | |
| Tombloo is fairly fast; while supporting a large number of services, it doesn't slow down your brower. <br/> | |
| h1. How to use | |
| h2. Install | |
| Right click on the link below, choose @Save this link as@ and save it.<br/> | |
| <br/> | |
| <span style="background-color:#7BC318;padding: 0.8em 1.5em 0.5em 1.5em;-moz-border-radius:0.5em;font-weight:bold;"><img src="http://github.com/to/tombloo/tree/master/xpi/chrome/skin/extension.gif?raw=true" /> <a style="color:white;" href="http://github.com/to/tombloo/raw/release/tombloo.xpi" >tombloo.xpi</a></span><br/> | |
| <br/> | |
| Drag-and-drop the file into the currently running Firefox and you get the installation started.<br/> | |
| <br/> | |
| !http://github.com/to/tombloo/tree/master/documents/capture_install.png?raw=true! | |
| h2. Post a memo | |
| To begin with, let's post a memo to twitter. (You can choose Tumblr or Wassr, if you prefer.)<br/> | |
| Right click on the background on a page in your browser ...<br/> | |
| !http://github.com/to/tombloo/tree/master/documents/capture_share_text.png?raw=true! | |
| <br/> | |
| <br/> | |
| p<. and choose @Share...@ － @Text@.<br/> | |
| <br/> | |
| <img src="http://github.com/to/tombloo/tree/master/documents/capture_form_text.png?raw=true" width="650px"/> | |
| <br/> | |
| <br/> | |
| You will see a pop-upped textarea.<br/> | |
| This is a Quick Post Form.<br/> | |
| You can add tags and a comment to the item you are posting here.<br/> | |
| After finishing writing the memo, turn on the webservices you want to post and press @Post@. That's all.<br/> | |
| h2. Post a picture or a quote to pre-selected services | |
| Next, let's get prepared for a even quicker way to post stuffs.<br/> | |
| p<. Choose in the menu @Tool@ － @Tombloo@ － @Tombloo Options@ and you will get the following window. After selecting your favorite services and eliminating unwanted services, your posting will be even more accelerated.<br/> | |
| This window shows supported services in rows, and posting types in columns.<br/> | |
| <br/> | |
| !http://github.com/to/tombloo/tree/master/documents/capture_prefs_postConfig.ja.png?raw=true!<br/> | |
| <br/> | |
| The options with !http://github.com/to/tombloo/tree/master/xpi/chrome/skin/default.png?raw=true! will be selected automatically. The options with !http://github.com/to/tombloo/blob/master/xpi/chrome/skin/disabled.png?raw=true! won't be displayed in the posting form.<br/> | |
| For example, if you have the configuration above, every 'Photo' will be posted to FFFFOUND and every 'Quote' will be posted to Tumblr.<br/> | |
| Then you are done with the configuration. Let's move on to a Quick Post by right-clicking a picture you want to post.<br/> | |
| <br> | |
| !http://github.com/to/tombloo/tree/master/documents/capture_share_photo_flickr.png?raw=true!<br> | |
| If you choose @Share - Photo - Flickr@ here, then you get it posted to the services you have selected beforehand.<br/> | |
| Tombloo suggests the most appropriate posting type according to the surrounding context in which you click.<br/> | |
| In the example above, Tombloo recognizes the page as Flickr, extracts the largest image and posts it to FFFFOUND.<br/> | |
| <br/> | |
| Similarly, if you want to post a quote from a page, choose the text on the page, open a context menu and ...<br/> | |
| <br/> | |
| !http://github.com/to/tombloo/tree/master/documents/capture_share_quote.png?raw=true!<br/> | |
| <br/> | |
| choose @Share - Quote@.<br/> | |
| Here, you will get the quote posted to Tumblr.<br/> | |
| This submission goes as a background process so that you can immediately leave the page after Quick-Posting it.<br/> | |
| <br/> | |
| This is how you do with Tombloo: clip an item and move to another page, without interval.<br/> | |
| Tombloo is something like a neat knife to cook the web for you.<br/> | |
| h2. Post a bookmark | |
| Finally, let's try a post to Delicious.<br/> | |
| Open the configuration window again, select Delicious as a default target to post a Link and open the second tab, @Post@<br/> | |
| <br/> | |
| !http://github.com/to/tombloo/tree/master/documents/capture_prefs_post.ja.png?raw=true! | |
| <br/> | |
| <br/> | |
| Select @Delicious@ in @Tag Provider@ and you will get auto-completed when you add a tag to a post.<br/> | |
| Don't forget to set a short-cut key like @CTRL + SHIFT + D@ (or any other key combination) in @Shortcutkey - Link Quick Post@.<br/> | |
| Let's move on to posting. | |
| Move to the page you want to clip and press the short-cut key you have chosen. Then, a Quick Post Form for a Link post will pop-up.<br/> | |
| (You can use the context menu and choose @Share...@ － @Link@, too.)<br/> | |
| Note that the default target @Delicious@ will be checked already.<br/> | |
| After finishing adding tags and comments, click the button @Post@ or press @CTRL + ENTER@.<br/> | |
| The following video shows a real example of how you use Tombloo's Quick Post feature.<br/> | |
| <br/> | |
| <object width="500" height="420" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1442252&server=www.vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1442252&server=www.vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="420" ></embed></object> | |
| <br/> | |
| As you can see in the video, when you have a Quick Post Form shown, the text you select in a page will be added into the form immediately. <br/> | |
| When you check a page, you might want to open the Tombloo form before you read, and write quotes or memo while you read.<br/> | |
| Auto-completion supports fuzzy-matching of tag names.<br/> | |
| For example, Tombloo may recognize @JS@ as the tag @JavaScript@, if @JavaScript@ is included your tag set. | |
| <br/> | |
| That's all for a basic usage of Tombloo.<br/> | |
| Tombloo has various other features.<br/> | |
| For example, you can write a plug-in script in Javascript and fully customize the behaivior of Tombloo.<br/> | |
| We recommend you to explore the features of Tombloo in your daily life, and hope you will find the most comfortable way to use.<br/> | |
| For more information, visit "TIPS":http://github.com/to/tombloo/wikis/tips/en.<br/> | |
| h1. Developer / License / etc. | |
| Tombloo is developed by: | |
| * "to":http://github.com/to | |
| * "ku":http://ido.nu/kuma/ | |
| * "mattn":http://mattn.kaoriya.net/ | |
| * "youpy":http://github.com/youpy | |
| * "Constellation":http://d.hatena.ne.jp/Constellation/ | |
| * "cxx":http://cxx.tumblr.com/ | |
| * "YungSang":http://blog.yungsang.com/ | |
| * "zorio":http://d.hatena.ne.jp/zorio/ | |
| * "simonetta":http://blog.livedoor.jp/s_i_m_o_n_e_t_t_a/ | |
| Your donation would help a lot the development of Tombloo.<br/> | |
| If you find Tombloo useful for you, feel free lend your support.<br/> | |
| <a href='http://pledgie.com/campaigns/1355'><img alt='Click here to lend your support to: tombloo and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/1355.png?skin_name=chrome' border='0' /></a> | |
| <br/> | |
| All the products created in this project are in the public domain.<br/> | |
| Icons provided under the "Creative Commons Attribution 2.5 License":http://creativecommons.org/licenses/by/2.5/ by <a href="http://www.famfamfam.com/" style="font-weight:bold;"><span style="color:#FF085A;">FAM</span><span style="color:#10D3FF;">FAM</span><span style="color:#C6FF31;">FAM</span></a><br/> | |
| <br/> | |
| h1. 目次 | |
| * "Home":http://github.com/to/tombloo/wikis/home/en | |
| * "TIPS":http://github.com/to/tombloo/wikis/tips/en | |
| * "Reference - Preferences":http://github.com/to/tombloo/wikis/prefs/en | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment