[firefox] 除了套件 別忘了 useful bookmarklets

想必每個將 Firefox 作為主要瀏覽器的朋友們，都有自己相當上手的套件，也因為各式各樣的 Addons 讓可能無限延伸，造就其不凡魅力。但往往殺雞焉用牛刀！有時候套件的功能太多了，但是常用的卻只是稀少的幾項，這時候其實有更好的選擇，那就是今天的主角：『Bookmarklet』。

什麼是 Bookmarklet 呢？來看看 Wikipedia 的 定義 吧。簡單來說，就是 透過點擊書籤連結的方式來達成某種功能。其實，這個連結當中寫的是 JavaScript program 而不是一般的網址，所以點下去的時候可以執行一些特定的動作！ 

那麼到底 Bookmarklet 何以讓 Browny 為之傾倒呢！兩個字：『簡單』，安裝簡單、功能簡單、備份更簡單。



要發揮 Bookmarklet 強大的功力，建議大家要將 書籤工具列 (Bookmarks Toolbar) 顯示出來 (如上圖)，這樣你應該可以看到類似 第一張圖中 一條書籤工具列。這條工具列所顯示出來的連結，其實就是 Bookmarks 當中的書籤工具列資料夾下面的連結。由下圖可以看到，我在當中建了一個 Bookmarklet 資料夾，專門用來存放好用的 bookmarklet。



之後，要安裝 bookmarklet 只要 將『連結』用滑鼠拖曳到 書籤工具列上 的 Bookmarklet 資料夾裡面 就可以啦，不懂請看以下 demo。



接著就要來分享一些 Browny 私藏的 bookmarklet 給大家啦：

Top1. [+ Delicious] 
Delicious 是一個網路書籤 webapp，簡單來說就是將瀏覽器當中的 我的最愛 存放在網路的空間當中，這樣一來只要在有網路的地方就可以存取收藏的書籤，不必一定要在特定的電腦當中。

這個 Bookmarklet 可以讓你快速的 將當前瀏覽的頁面加入 Delicious 當中，並且加上 Tag 和 Description 相當方便。

Top2. [All-In-One Video]  download here
先前曾經介紹過 [news,tip] 輕鬆下載 Youtube 影片成 .mp4 格式 這篇文章，而 All-In-One 這個 bookmarklet 更是厲害，支援 YouTube, Google Video, Metacafe, Myspace 等各大視頻網站的影片下載。也就是說，以後要是在 Youtube 或是 Myspace 上面看到值得珍藏的影片，直接點擊這個 bookmarklet 就輕鬆下載下來囉，有 .flv 和 .mp4 兩種格式！

Top3. [Gmail this]
上班族閒暇的娛樂就是收收同事轉寄的笑話，哪一天你看到了什麼有趣的網頁，要怎樣以最快的速度寄一封信和朋友分享呢。不用再打開 email 然後複製貼上網址啦，輕輕點一下這個 bookmarklet 就會自動幫你打開 Gmail 並且將該網址貼到信件內容當中啦，你只要按下 “寄出”就可以啦！

Top4. [Subscribe]
現在幾乎許多的網站上都會列出 RSS 的訂閱連結，讓使用者可以透過 RSS 的訂閱即時得到網站提供的新訊息或者新文章。不過，有些網站的 訂閱連結 實在相當隱密，找老半天還找不到。這時候，就可以透過這個 bookmarklet 來輕鬆找出此網站所提供的 RSS 資訊啦，並且直接就幫你 link 至 Google Reader 呢，相當方便！

Top5. [TinyURL!]
這個不用多說啦，短網址界的第一把交椅。在網頁上點上一下，立刻幫你產生出該網頁的短網址，乾淨俐落！

Top6. [Translate to Chinese]
這個 bookmarklet 利用 Google Translation 可以方便的將網頁轉成中文，不用繁瑣地跑到 Google Translation 頁面輸入網址，直接在要翻譯的頁面點上它一下，網頁立刻變中文。當然不只中文，更多語言的 bookmarklet 請到 這裡。

Top7. [Show passwords]


有時候看不到星號下面的密碼，會讓人相當困擾！至於是怎樣的情況下呢，也許是 你想要盜用別人密碼的時候 XD。anyway 這個 bookmarklet 只要按下去就會跳出一個對話框 告訴你埋在星號下頭的密碼到底是多少。自己忘記自己的密碼的時候，很方便喔！

Top8. [Edit current website]


這個 bookmarklet 顯然不是那麼實用，但是相當神奇。只要輕輕一點，所在網頁上的所有文字，都會變成可編輯狀態。真是拿來惡搞的首選，愚人節必備工具之一。

Top9. [Quizmarklet]
簡單的利用滑鼠選取不懂的英文單字，再點下它，立刻英英字典就給他跳出來了。還可以儲存起來，透過 Quizlet 幫你輕鬆背單字啦。詳細的介紹 請見該文 [tip] 增加你的英文單字可以很簡單。

Top10. [Note This in Google Reader]


Google Reader 當中的 Share with note 功能，可以方便我們將訂閱的資訊與朋友們分享並且加上自己的註解。如果不是訂閱的內容是不是也可以透過 Google Reader Shared item 的方式和朋友分享呢。答案是肯定的，只要利用這個 bookmarklet 就可以用相同的方式，將 非訂閱的列表 的資訊分享給特定的朋友喔。

Top11. [Save Page as PDF]
顧名思義，這個 bookmarklet 可以將當前網頁頁面轉成 PDF 檔，然後自動啟動下載。哪天遇到什麼重要的網頁資料想要永久保存，不需要安裝任何 PDF 轉檔軟體，只要輕輕點一下就搞定啦！(ref: Download Squad)

結語：
Bookmarklet 的簡單純粹是他勝過 Firefox Addons 的地方，一次只做一件事的哲學，讓人很容易理解。即使使用非 Firefox 的瀏覽器 (ex. Chrome, Opera 等等…) 一樣也可以透過 bookmarklet 打造一個專屬自己的便利瀏覽環境喔。

另外和大家推薦一個 Bookmarklet 的 收藏網站，裡頭有包羅萬象的 bookmarklet 等著你去尋寶呢！你也有讓人眼睛為之一亮的 bookmarklet 嗎，歡迎提出來和大家分享唷  ^^

參考資料：
1. Google Operating System – Useful Google Bookmarklets
2. Lifehacker – Top 10 Useful Bookmarklets
3. Bookmarklets for Opera
4. ReadWriteWeb - Make "Add-ons" for Google Chrome Using Bookmarklets

[website] 推薦幾個常去的資訊網站 (英文)

幾個常去的逛的網站，都是我日常發文的資訊來源，也都在我訂閱的 RSS 清單之中，也一併分享出來！這篇文章提及的這幾個網站，每天產生出來的新文章數量如果真要仔細看的話，我看每天花一個小時以上是跑不掉，所以我大多是掃過 title 感興趣的才會打開來看！

Top1. Digital Inspiration
我對於這個網站的感覺就是蠻 精鍊 的，發文頻率不高，但是我幾乎每一篇都會看，實用度也頗高，是值得我效法的對象，呵呵！

Top2. Lifehacker
第二名則是 包羅萬象，每天的發文頻率大概都是超過10篇之多，不過由於涵蓋的主題很廣，造成 Unread 的壓力其實不小。如果你訂閱了 Lifehacker 那麼其實很多其他的 info blog 就不需要了，因為他已經包山包海了！

Top3. Web Worker Daily
每天的發文頻率大概 2 篇左右，主要 focus 在 web 相關的主題，許多有趣的 web application 都是在這個網站發現的呢！

Top4. OriginalSignal
這個網站是一個 news aggregation 網站，可以把他想像成報紙一樣，集合了各個網站的最新頭條，像是 Tech Crunch、Mashable、Read/WriteWeb 幾個不會每天去看的 Blog，我偶爾會到 OriginalSognal 瞧瞧。

Top5. Techmeme
顧名思義，這個網站主要是關注 Technology 方面的新聞，特色是很清爽的條目式閱讀介面，沒有什麼容易讓人分心的廣告或之類的，所以每天上去掌握一下科技動態蠻不錯的。

我想 ~ 現在的資訊吸收模式對資訊本身而言還是被動的模式，也就是說資訊是等著被我們去發掘的，這免不了要花些時間 去蕪存菁。未來若有一種資訊主動來找感興趣的購買主的話，我想這是值得期待的生意模式。看在我慷慨解囊的份上，各位若有什麼私藏好站一定要跟我分享啊 ~ Orz…

[tip] 該用什麼圖來呈現資料呢 – Chart Suggestion

圖形化的思考會比敘述型的思考來的簡單直觀，尤其是在 資料複雜、維度增加 的時候。因此 如何將資料以最適合的圖形化方式呈現出來，也就決定了之後資料轉化為有用資訊的效率了！

Andrew Abela 這位仁兄提供了一個 Chart Suggestion 流程圖，讓我們面對資料的時候有個遵循的法則來找到最適當的呈現方式，當然見仁見智，但這無疑是一個不錯的參考工具。在他的網站當中，有 (JPG/PDF) 兩中檔案格式可供下載！

[tip] 如何複製連結中的文字 – How to copy single word in the link

你也曾有過這樣的困擾嗎，為了要複製連接當中的一個單字，必須先把整段連接先複製下來，貼到 文字編輯器 然後複製想要選取的單字。因為 連結當中的文字沒辦法利用滑鼠輕易的拖曳選取其中的特定文字，這的確相當使人困擾...

為了解決這個問題，我又拜請 Google 大神，但是大多數找到的資訊都是教大家 如何開啟沒有加上超連結的網址 (例如：開啟 http://brownywalking.blogspot.com，而不用將他複製到網址列 )，轉用英文關鍵字搜尋看看才找到 解答。

這裡提供各位兩種解決方案。第一種：在想要選取的字底下約 2 ~ 3 px 之間的地方，運用一般滑鼠拖曳選取的方式，將那個單字反白起來。這種方式的缺點就是，很難抓到那 2 ~ 3 px 的區間，點的不好的話還會不小心開啟那個連結。

在介紹第二個方案前，先描述一下使用情境：browny 在搜尋的時候找到很多連結，但是連結當中有些單字他不認識，想要用 Lingoes 剪貼簿取詞 方式來查詢，但首要之務就是將那個單字反白並且複製，但是偏偏在連結當中的文字很難搞！

Step1. 按住 Alt 鍵，然後按住滑鼠左鍵選取單字。
Step2. 放開 Alt 鍵 ( 注意：滑鼠左鍵上的手指不能放開，你可以試試看放開會怎樣！ )。
Step3. 在滑鼠左鍵按著的情況下，按下滑鼠右鍵，然後 滑鼠左鍵依然不放開，拖到 右鍵選單中 的 Copy 選項，大功告成！

以上是在 Firefox 當中使用的狀況，至於 IE 應該也是大同小異吧，我就沒有特別在試了，有了這個方法就可以用 Lingoes 輕鬆查詢連接當中不懂的單字了，雖然有點小複雜，但是我覺得還蠻實用的，與各位分享！

[tip] 增加你的英文單字可以很簡單 – Vocabulary Memorize

打從高中畢業以後，背單字這件事似乎就從生命中消失了。大學以後，面對英文的機會的確是多了，但是背單字的頻率卻不見增加！因為懶，所以用上下文的關係來猜那個字的意思；再不然，遇到不懂得單字就給他 Dr. Eye 一下，壓根也沒有想背他的動力 (或是壓力呢 XD)！

如今，每天都有大概 30~70 篇新的 RSS Feeds 等著我去消化，而絕大部分的內容是 English。雖然靠著這樣的習慣，英文的閱讀速度提升不少，但是字彙的增加卻不見明顯提升，最明顯的例子就是：在文章當中看到之前查過的單字，很眼熟，但是就是記不起來，不爭氣的還是打開了 Lingoes (幻想著哪一天我看英文文章可以從頭到尾不用查單字的夢也立即破碎)！

關鍵就是：沒『背』！與其說『背』，不如說是沒有強化記憶。有時候會想，既然上網看了這麼多英文，遇到單字的時候為什麼不順手抄下來，坐車的時候、拉屎的時候背一背，搞不好也有機會單字破萬。答案還是很簡單：懶！麻煩！ 

其實以前我就有想過 有沒有什麼網路應用，是專門拿來幫助人們從網路閱讀的過程當中記憶單字，於是我努力不懈的 Google 了大概 20 分鐘，終於被我發現的這個好玩意 Quizlet！

首先，和以前高中時代的單字卡一樣，Quizlet 就是一個 單字卡 2.0 網站 (有社群概念唷！)。我就由 創建單字卡 (Creat Set) 說起吧！從前的單字卡就是把單字寫在卡片的一面，然後把他的意思寫在另外一面；網路單字卡也一樣，首要之務就是創建自己的單字卡，簡單明瞭的頁面如下圖。

你一定會想說：God ! 那還不是一樣，用鍵盤打一樣麻煩阿，嘿嘿！別急別急，他整合進 Bookmarklet 自動 Creat Set 的話就嚇屬你了，請慢慢看下去。 

建好單字卡以後，就可以在 My Dashboard 當中看到自己創建的單字卡，點進去之後就到了 Quizlet 的重頭戲啦 (下圖紅框框處)。總共有五種模式：透過反覆呈現、測驗、配對遊戲、快打旋風等等充滿互動性的方式，當你絲毫沒有察覺自己在背單字的狀態下，已經將那些單字深深印入腦海當中。

沒有真正玩過的人是無法體會背單字也能這麼有趣味的，Browny 在這裡就不一一贅述，附上官網的 Demo Video 給那些懶得試的捧由們先一睹為快！

Quizlet 除了提供了高互動性的單字記憶遊戲，讓背單字不再那樣死板無趣以外，更提供了社群分享的功能。也就是說，你可以造訪別人建造好的單字卡 (Set)，當然也可以和自己的同班同學分享自己建造的單字卡。

每個單字卡還有 Tag 功能，這樣一來你 可以透過輸入關鍵字來搜尋看看有沒有人建造了相關主題的單字卡。舉例來說：你可以輸入 TOEFL 來找看看有沒有人建立了拖福的相關字彙。

即使 Quizlet 提供了這麼豐富的單字記憶體驗，是不是終究還是免不了手動 key in 的繁瑣呢！我又努力了找了一下，終於給我找到了 Quizmarklet 這個好物啊！簡單來說他就是一個 javascript 構成的假書籤，這個書籤 (Bookmarklet) 只是個空殼，拿來啟動 script 用的，請先將這個 Quizmarklet 拖到你的書籤工具列！

接著請欣賞 Browny 錄製的 Quizmarklet Demo 影片，想看的更清楚請點擊 這裡。基本上 Quizmarklet 也可以拿來當作英英字典，將不懂的單字選起來，按一下 Quizmarklet 然後選一個自己看的懂也覺得合理的定義 (前幾筆 Definition 可能是從 Google 或 Wikipedia 來的，後面就是其他使用者自定義的，影片當中，我找中文定義找了頗久 XD)，按下儲存，就自動存到你建立的 Set 裡囉！



如此一個好用神奇的網站，竟然是由一個 高中生 建立的，讓我們給他拍拍手吧。現在可以邊看 RSS 邊把單字記下來，之後再來邊玩邊背，向單字破萬邁進，YA！

延伸閱讀：
[webapp] 一時想不起來這個單字怎麼拼- Tip of My Tongue
[webapp] 超快速線上英英字典Definr

[tip] 白牌 Google 搜尋結果的短網址 – search shorturls

 

給他魚吃不如教他如何釣魚，現在的人不必記得太多的知識，反而是搜尋的技巧來的比較重要。

有朋友問你個問題，恰巧可以讓你展現一下搜尋美技的時候，不妨就用這招 gog.is 吧，將你的 keywords 下在 gog.is/ 之後，就如同 搜尋結果頁面的短網址 一般 (如上圖)！

不需要去什麼特別的網站，簡單好記 (gog.is = 估個意思)，一個樸素的技巧分享給大家！

更多資訊：http://gogglis.appspot.com/

延伸閱讀：
[webapp] 讓我教你怎麼 Google 吧
[webapp] 用拼圖簡化搜尋的邏輯觀念- Boolify
[webapp] 該打什麼關鍵字好呢- keyword suggestion search

[firefox] 預覽搜尋結果頁面 – google preview pagerank

現在要上網找資料已經並非難事，難的是如何在無限多的搜尋結果中找出有用的資訊，如果可以在搜尋結果的前面，加上該連結的 preview 視窗，以及提供他的 popularity 資訊 (也就是 PageRank)，或許可以省下許多誤點連結的時間。



Google Preview 便是這樣的 firefox addons，安裝之後可以在狀態列看到一個小小的 GP icon，滑鼠左鍵可以輕鬆的 enable 或 disable 他；滑鼠左鍵的話可以設定一些簡單的選項如下圖：



如果你的螢幕夠寬，我想裝一下這個簡單的 addons，應該可以有更好的搜尋體驗喔！試試看  Google Preview 吧！