Tabbles+ScrapBook+Gyazo

May 31, 2010 by nefycee · 2 Comments 

Ich will euch mal ganz kurz dieses Traum Trio für alle Firefox User vorstellen und wie super diese in Kombination funktionieren.
Ich rolle das mal von hinten auf. Bei Gyazo handelt es sich um ein geniales Screenshot Programm das  sich in das Rechtsklick Menü ein baut und den abfotografierten Bereich eures Schirms sofort auf den Gyazo Server hoch lädt. Ihr erhaltet damit sofort einen Link unter dem jeder euren Screen betrachten kann.

Bereich auf dem Bildschirm wird ausgewählt Markierte Adresszeile zeigt den Link zum Screen

Das allein ist schon genial und sollte jeder haben.

Nun kommt aber noch das großartige Addon ScrapBook von Gomita oder ScrapBook Plus dazu.

Menü von Scrapbook

Was macht dieses Addon? Nun wer es noch nicht kennt und liebt – ScrapBook erlaubt das abspeichern einer kompletten Webseite, ebenfalls per Rechtsklick. Die Seiten werden mit ihrem gesamten Inhalt wie Links und Bildern, Eins zu Eins archiviert und können zu einem späteren Zeitpunkt betrachtet oder bearbeitet werden.

Für archivierte Webseiten gibt es ein eigenes Menü mit hierarchischem Ordnersystem.

Gerade das jede archivierte Seite im eurem Browser unter eigenem Pfad angezeigt wird macht es nun möglich diese Seiten mit Tabbles und mit Hilfe des Tabbles-Bookmarklets zu taggen (kategorisieren).

Wenn ich also einen Screen mit Gyazo mache und dann diesen Screen mit ScrapBook archiviere kann ich ihn mit Tabbles, wie gewohnt, einfach und schnell wieder finden. Sowohl die online Links der Gyazo-Screens und der Webseiten lassen sich tabblen, als auch der die offline archivierten Seiten und Screens die man auf der eigenen Festplatte geschützt abgelegt hat.

Genial dieses Trio!  :-o

Ich liebe es <3

Gmails und tweets mit Tabbles taggen

May 17, 2010 by nefycee · 2 Comments 

Zu Beginn…

…stellt sicher das euer Tabbles Bookmarklet sich an der richtigen Stelle befindet (und selbstverständlich das  Tabbles installiert ist).

Seit der Version 1.5.0 stellen wir nun dieses Feature für euren Browser zur Verfügung und das folgende Video (englisch) erklärt wie ihr es in den Firefox integrieren könnt (auf dieser Seite gibt es die Erklärung für eine Integration in den IE7-8 und in Chrome, es sollte auch mit allen anderen Browsern funktionieren).

Mails auf GoogleMail taggen

Mit dem “tag with Tabbles” Bookmarklet ist es also möglich jede URL in Tabbles zu kategorisieren. Da Google jeder Mail eine eigene URL zuweist (anders als zB das neue yahoo Mail) ist es möglich mit Hilfe des Bookmarklets seine Emails wie jede andere gewöhnliche Website in Tabbles zu taggen. Dies funktioniert auch mit vielen anderen Webmail Anbietern.

1) Öffnet die Email/Thread den ihr kategorisieren/taggen wollt und klickt dann auf das “tag with Tabbles” Bookmarklet

tag gmail Tabbles

Mails auf GoogleMail mit Tabbles taggen – Schritt 1

2) Dann wählt im Fenster “Internet-Adresse zuordnen” die gewünschten Tabbles

Tag gmails Tabbles

Mails auf GoogleMail mit Tabbles taggen – Schritt 2

3) Ist das geschehen wird ein freundliches Pop-Up erscheinen das eure Aktion bestätigt und euch die Gelegenheit geben wird weitere Tabbles zuzuordnen/verbessern/die Kategorisierung anzeigen zu lassen. Welche Aktionen über das Pop-Up möglich sein sollen kann ebenso konfiguriert werden, wie auch die Dauer der Anzeige.

tag gmails tabbles

Mails auf GoogleMail mit Tabbles taggen – Tabbles gibt euch ein kleines Feedback über die letzte Aktion

Twitter tweets taggen

1) Öffne den tweet den du taggen willst und klicke auf das “tag with Tabbles” Bookmarklet

Tag tweets Tabbles 1

tweets mit Tabbles taggen – Klick auf das "tag with Tabbles” Bookmarklet

2) Dann wählt im Fenster “Internet-Adresse zuordnen” die gewünschten Tabbles

Tag tweets Tabbles 2

tweets mit Tabbles taggen - benutze zum taggen das "Internet-Adresse zuordnen" Fenster

3) Auch in diesem Fall wird Tabbles mit einem freundlichen Pop-Up darüber aufklären was es eben gemacht hat. Wie schon bei den Mails  (s.o.)

Was macht es für einen Sinn online Seiten mit einer Desktop Applikation zu taggen?

Diese Frage stellt sich natürlich da jeder Browser eine Lesezeichen Funktion besitzt. Ebenso ist gibt es online Bookmarking Dienste wie Delicious. Dennoch gibt es einige gute Gründe:

1) Man kann Dateien auf dem eigenen Laufwerk mit Gmails/tweets verknüpfen. Wer kooperativ an Projekten arbeitet und dazu verschiede Programme wie  Photoshop/Illustrator, Musik/Video Bearbeitung,  CAD Software oder auch nur Office benutzt, wird es zu schätzen wissen all die unterschiedlichen Dateien und Formate zentral verwalten zu können. Mails, Kommentare und Meinungen können in Bezug zueinander gebracht werden.

2) Schnelligkeit: Online Applikationen sind schnell … aber sind sie auch ebenso schnell wie eine Desktop Applikation wie Tabbles? Unabhängig von guter oder schlechter Onlineverbindung ist  Tabbles im Hintergrund immer bereit.

3) Benutzerfreundlichkeit: Wenn man Tabbles benutzt wird einem schon bald auffallen wie einfach und schnell es geht Dateien zu finden ohne das man sich an ihren genauen Namen oder Standort erinnern muss. Lediglich der Bezug in dem sie zueinander stehen, ihr Inhalt und ihre Eigenschaften helfen sie zu finden. Ebenso wird es mit Mails und tweets sein, die ja sonst nur einen Betreff oder ein Stichwort hätten.

4) Die Brücke zwischen Online/Offline: Wer öfter Webseiten abspeichert und archiviert um später noch damit zu arbeiten, wird mit Tabbles auch diese Lücke zwischen Explorer und Browser schließen. So können auch Scrapbook Nutzer schnell und einfach ihre gespeicherten Seiten kategorisieren und später die gesuchten Seiten finden. Read it Later Nutzer werden schnell erkennen wie Tabbles das Addon ergänzen und vielleicht sogar ersetzen kann.

Viel Spaß beim tabbeln :-)

How tag your Gmails and tweets – using Tabbles

May 17, 2010 by Andrea D'Intino · 4 Comments 

HELLO WORLD,

let’s see if I can write something useful this time… :-)

Before you start…

…make sure you have the Tabbles’ bookmarklet in place (and of course you installed Tabbles). In the version 1.5.0 we introduced the browser integration feature, the video below explains how to set it up for Firefox (and this web page is explained how to set it up for IE7-8 and Chrome, but it should work with every browser).

Tagging gmails

The “tag with Tabbles” bookmarklet will allow you to tag any URL. Since Gmail uses plain URLs links (unlike the new yahoo mail), your emails can be tagged as any other web page. The same system should work for many others webmail services – e.g.: it works fine with the old yahoo mail.

1) Open the email/thread you want to tag and click the “tag with Tabbles” bookmarklet

tag gmail Tabbles

Tag gmails with Tabbles - step 1

2) Use the super-fast “Add internet address” window to tag the gmail

Tag gmails Tabbles

Tag gmails with Tabbles - step 2

3) When done Tabbles will show a friendly pop-up telling you what just happened and giving you a chance to improve/fix/see your tagging. The pop-up can be configured to show different things and the time it lasts on screen can also be tuned.

tag gmails tabbles

Tag gmails with tabbles - Tabbles gives you feedback of what you just did

Tagging tweets

1) Open the tweet you want to tag and click the “tag with Tabbles” bookmarklet

Tag tweets Tabbles 1

Tag tweets with Tabbles - click the "tag with Tabbles bookmarklet"

2) Use the super-fast “Add internet address” window to tag the tweet

Tag tweets Tabbles 2

Tag tweets with Tabbles - tag the tweet using the super-friendly "Add Internet address" window

3) When done Tabbles will show a friendly pop-up telling you what just happened… same as with gmails.

Tagging web stuff with a desktop app – what’s the catch?

I can hear you already wondering “why should I ever use a desktop application to tag stuff which is on the internet? Can’t I just use the browser bookmarks or some online bookmarking service like Delicious?”. Well, let’s see:

1) You can tag files on your disk along with gmails/tweets.  To all of you out there who rely extensively the Microsoft Office suite (I guess you’re the majority out there) or to those using any other software that produces files (Photoshop/Illustrator, CAD softwares, Music/Video editing…you name it) it may come in handy to have a gmail/tweet tagged along with your files when working on a project.

2) Speed: web applications are fast… but are they as fast as a desktop app like Tabbles? I find myself switching to Chrome as I perceive it faster in pretty much everything compared to Firefox – Tabbles is gonna give you the same feeling if you compare it to a web application, no matter how fast your internet connection is.

3) User friendliness: if you’ve tried navigating through files with Tabbles you might have realised how easy and straight forward it is to get to the file you’re looking without the need of going crazy about where the file is and what its name is… well, the same thing will happen with tagging tweets/gmails.

Happy tagging everyone :mrgreen:

Browser integration via bookmarklet – tag URLs with one click, with Tabbles

February 22, 2010 by Andrea D'Intino · 1 Comment 

HELLO WORLD,

We’ve just released a beta introducing Browser integration via bookmarklet, it’s on our forum right now.

What’s so cool about it?

- You can group together files, web pages, and emails (if you’re using Gmail), with one click

.

You’ll have a little button on your browser, when you push it the Tabbles “Quick tag” window will pop-up and easily let you tag URLs…the cool thing is that you can tag URLs along with files and gmail emails, and find them together into the same tabbles (groups).

Plus, this works also as preliminary foundation to an SDK system, allowing people to write plugins and software to tag files/urls in all possible ways (and soon emails too). It’s all in the forum post.

This is what it looks like:

browser integration - Firefox

Tabbles 1.4.10b1 - browser integration - Firefox

How does it work?

We got the the hint from Kromeboy, he suggested us to register a custom protocol and then create a simple bookmarklet. The whole thing took less than a couple of days of work.

Step 1 – registering a custom protocol: you can make a couple of experiments on your own pc, copy&paste this text into a file.reg and double click on it. The function of registering a custom protocol is to tell Windows that each time the protocol is called, a certain application should be executed and what follows the protocol should be sent to the application as arguments. Here we’re registering the protocol “tabbles:” (looks a bit like “mailto:”, isn’t it? ) and mapping it on the path where tabbles.exe is located (on my computer).

Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\tabbles]
“URL Protocol”=”\”\”"
“EditFlags”=hex:02,00,00,00
@=”\”URL:tabbles Protocol\”"
[HKEY_CLASSES_ROOT\tabbles\DefaultIcon]
@=”C:\\Program files\\Yellow blue soft\\Tabbles\\tabbles.exe,0″
[HKEY_CLASSES_ROOT\tabbles\shell]
[HKEY_CLASSES_ROOT\tabbles\shell\open]
[HKEY_CLASSES_ROOT\tabbles\shell\open\command]
“(Default)”=”\”C:\\Program files\\Yellow blue soft\\Tabbles\\tabbles.exe\” \”%1\”"
@=”\”C:\\Program files\\Yellow blue soft\\Tabbles\\tabbles.exe\” \”%1\”"
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\tabbles]“URL Protocol”=”\”\”"”EditFlags”=hex:02,00,00,00@=”\”URL:tabbles Protocol\”"
[HKEY_CLASSES_ROOT\tabbles\DefaultIcon]@=”C:\\Program files\\Yellow blue soft\\Tabbles\\tabbles.exe,0″
[HKEY_CLASSES_ROOT\tabbles\shell]
[HKEY_CLASSES_ROOT\tabbles\shell\open]
[HKEY_CLASSES_ROOT\tabbles\shell\open\command]“(Default)”=”\”C:\\Program files\\Yellow blue soft\\Tabbles\\tabbles.exe\” \”%1\”"@=”\”C:\\Program files\\Yellow blue soft\\Tabbles\\tabbles.exe\” \”%1\”"

Step 2 – the bookmarklet: this is also pretty easy for a non programmer like me. If you google you’ll find a bunch of tutorials and examples of Javascript code. The one we’re using is this:

javascript:void(location.href='tabbles:tag_url'+';'+encodeURIComponent(document.title)+';'+encodeURIComponent(window.location.href))

What this piece of Javascript does is sending a string to the protocol tabbles: followed by the parameters “tag_url”, “title of the page” and “address of the page” – the “;” is used as separator. For example, when used on the tabbles homepage, the output of the bookmarklet is:

tabbles:tag_url;Tabbles%20%7C%20%20folders%20evolved;http%3A%2F%2Fwww.tabbles.net%2F

which Tabbles reads as:

tabbles:tag_url;Tabbles |  folders evolved;http://www.tabbles.net/
If you have Tabbles installed you can check the output using the debug log (Tools > Advanced > Show debug log).
And that’s it! Doesn’t sound too hard, isn’t it?  :-D

Enjoy!

Andrea + Maurizio