Firebug – web development evloved

最近被指派拿一個公司內部寫的 AJAX library 替自己產品寫新介面，才發現 Firebug 已經變得挺好用的……:P
其實前陣子就有注意到這個 extension (add-on)，不過前幾版還挺陽春的，最近這幾版才真的越來越強大…:P

相關介紹可看：

1. http://www.getfirebug.com/
   (請注意該頁最上面的圖下方有一行： “Click the tabs above to see screenshots of each." :PPP)
2. AJAX Debugging with Firebug – Joe Hewitt (Dr. Dobb’s Journal)
3. Joe Hewitt: “Welcome to Firebug 1.0″ (該影片文字介紹 Firebug 1.0 Is Out + Talk For Power-Users by Joe Hewitt )
   
4. Introduction to Debugging AJAX Application with Firebug (YouTube)
   

相關工具還有 Web Developer Extension，
這兩個工具的功能都已經發展得蠻完整的了，一些之前的 HTML Validator，HTML、CSS viewer，DOM Inspector 啥的，大概都不用了…

我現在事業沒做很大，大概再補個 Live HTTP Headers，三個加起來就很夠用了…
事業做比較大的可以看看 Jedi 的 Firefox 與網頁設計 (不過老實說，那篇文章年代有點久遠了……:P)

ps.
如果我沒記錯的話，Firebug 就 Firefox 的 Blake Ross 和 Joe Hewitt 兩個人搞出來的…
希望能一直維持 open source 啊，不然要收錢也收得便宜些啊……:P
(他們的 parakey 也是一副會變成不是 open source 的樣子……:P)

ps2.
如果有公司同事看到這篇，請把這留給我在 RD meeting 報啦……:PPP
大概簡簡單單像這樣： (影片內容為舊版本 Firebug)

廣告

Finally, I Choose Google Reader

關於 RSS reader，從最先開始使用 Bloglines 到後來喜新厭舊地相繼使用了 Rojo (試試 Rojo)、NewsAlloy (Try NewsAlloy!)，
最後驀然回首地回到 Bloglines 的懷抱 (Google Reader, New Interface)…

但今天看到 Nick Baum 對 Google Reader 的簡介：

加上再次試用，發現 Google Reader 的速度也沒有之前那麼牛步，
所以我決定再度離開 Bloglines 的懷抱，投向 Google Reader，(真是一點忠誠度都沒有的傢伙)，原因如下：

• List View： 如同 GMail 一般地看待 RSS entry
• Shortcut： list view 一定要再配上 shortcut (容後詳說) 才真能顯現其威力
• GMail Integration：可與 GMail 整合，Google Reader Redux，(需依賴 greasemonkey script，也就是需要 Firefox :p)
• Google Personal Integration： 如同影片裡 Nick 介紹的，可在 Google Personal Page 裡使用 Google Reader Gadget
• Smart Paging： Google Reader 會先讀入 20 items，然後當你真的有往下閱讀他才又繼續背景地載入後續 item，這點跟 Bloglines 的 loading 機制是有很大的差別的，如果在 Bloglines 你不小心點到了目錄的 link，你的 browser 就會像當機般，毫無反應，因為 Bloglines 試圖將整個目錄的 unread item 一次載入然後再一次顯示，Google Reader 相較就比較聰明，你往下捲他才往下載入
• Easy Sharing： 如同影片裡 Nick 裡操作的，不僅方便 sharing，也自動製作成一 web page
• Easy Tagging： 這點是相較 Bloglines 來說的，在 Google Reader 裡，很容易 tagging，也支援 multi-tagging，更沿襲了 GMail 的 Star 機制

至於 shortcut 的部分我列出我常用的： (詳細可參閱 google reader cheat sheet)

• 左邊 subscriptions 間的操作：
• shift + p： 往上一個 subscription 移動 (Previous)
• shift + n： 往下一個 subscription 移動 (Next)
• shift + o： 打開 subscription (Open)
• shift + x： 開/闔 subscription folder (eXpand)
• 右邊 RSS item 的操作：
• p： 往上一個 item 移動 (Previous)
• n： 往下一個 item 移動 (Next)
• enter： 開/闔 item
• space： smart space，依序收閤目前 item，打開下個 item，可用 space 快速瀏覽完整個 feed
• m： 設定為 read 或 unread (Mark)
• shift + a： 將此 subscription 所有 item 設為 read
• s： 設定為 star 或 unstar
• shift + s： 設定為 share 或 unshare
• t： 給 item 另外加上 tag
• 1： expanded view
• 2： list view
• 其他：
• u： 開/闔 左邊 subscription 欄

我使用 Google Reader 的場景如下：

• 上班時 or 用餐時： 利用 GMail + Google Reader or Google Personal + Google Reader，不需要分類讀，
  只是無聊時把一些 unread 消掉，順便把需要較長時間細看或值得一提的 item 標為 star
  (這兩種方式的閱讀行為都會影響 Google Reader 那邊的設定值，例如 starred, read)
  (我是比較偏好 GMil + Google Reader，因為還可以用 shortcut :p)
• 下班後： 以 Google Reader 介面照有興趣的分類來看，把需較長時間細看或值得一提的 item 標為 star
• 假日：把標為 star 的 item 利用假日較大區塊時間消化、細細品嚐

嗯，其實用起來還挺方便的，share 的頁面也簡單美觀，只是……

1. 反應速度若能再快些，會更好
2. 管理 subscriptions 的介面還得再加油
3. 為什麼 Google 的東西居然沒有 Search ？！ 我要 search 我自己的 subscription ！！！

若這幾點再能加強，有著 Google 招牌的 Google Reader 當然還是最可靠的選擇啊！ :p

補充：
若對 Google Reader 有興趣，也可到 ScobleShow 看看離開 Channel 9 之後的小胖子 Robert Scoble 對 Nick Baum 及 Jason Shellen 的訪談：
[podtech content=http://media1.podtech.net/media/2006/11/PID_001323/Podtech_greaderint.flv&postURL=http://www.podtech.net/scobleshow/technology/1209/meet-google-reader&totalTime=2101000&breadcrumb=3F34K2L1]

(小胖子若還呆在 M$ 的 Channel 9 大概也看不到這樣的訪談組合了 :p)

PBwiki: as easy as making a peanut butter sandwich !

PBwiki makes creating a wiki as easy as making a peanut butter sandwich！



Check out the PBwiki tour!
Get a free wiki at PBwiki.com.

其實是因為這個，所以我就試試看囉！ :P
不過，我本來就一直有想要介紹 PBwiki 的， (在 google.com.tw 打 PBwiki 其實我這個 blog 還排名挺前面的 :P)
PBwiki.com 真的讓沒法自己架或者懶得自己架 wiki 的人很快就能開始使用自己的、免費的 wiki，
它的 wiki code (中文版) 就如一般 wiki 一樣簡單，
它的 search 功能也還算不錯、對中文支援也 ok、…
反正，一切的一切，就如它的名字所代表的： 讓使用 wiki 就像狗一片 Peanut Butter sandwich 那麼簡單！ :P

而且它也有很簡單的密碼保護：
一般人只能看你的 wiki，不能編輯；
想讓誰編輯，就給他你這個 wiki 的 wiki password；
甚至可以鎖起來，只有有密碼的人才能看…

我最近還蠻常實驗如何在 PBwikl 整理東西的：
* Honesty@PBwiki
* Honesty vs. ETS
* Honesty’s GTD
還在實驗階段，不過應該會不錯用！ :PPP

另外，我也還蠻想試試這個，不知是否真的能 win a free year of Premium service for your wiki ？ :P
Premium 才有 Customizable CSS、Encrypted wiki access、comment on pages、…

其實，它所謂 double your storage space 對我來講也沒啥大用處，
它所指的 storage space 是在說上傳檔案的 space，而非 wiki page 的 space，
(它的 FAQ 的 4. How many pages can I make? 裡明確寫道： there is no limit！)
那我只要把圖片擺在 Flickr，就根本也不會佔用到 PBwiki 的空間了！ :P

我也只是想搭一下 PBwiki 最近想要大力推行的順風車，錦上添花一下而已！ :P

NewsAlloy @ TechCrunch

剛看到 TechCrunch 的這篇 NewsAlloy Reader = Fast，發現我首度超前 TechCrunch 的進度！ :P

哈，我也算是 NewsAlloy 較早的提倡者！
see: Try NewsAlloy

NewsAlloy 還是持續在增加新功能及改進 UI 中！ :P

Blog

Blog 實在是比 BBS 好玩得多！

有了一些 web statistics 工具、Google Analytics、wordpress.com 的 blog stats，
或者 trackback、backlink、甚至像 Talk Digger 這類玩具，
多少人看過、哪些人來看、哪些人引用、從哪些網站找過來的、什麼關鍵字找過來、…
一堆資訊都有記錄，確實是比 BBS 好玩得多…

不過，到現在還是不知道該怎麼為這個 blog 定調…

Using Firefox

我認為使用 Firefox 最有樂趣的大概是這幾部分：

1. Extensions
2. Greasemonkey Scripts
3. Bookmarklets (not Firefox-only)
4. Search Plugin ( + ctrl + e)
5. Tips & Hotkeys

我準備寫在 Firefox@Honesty’s PBwiki，
現在 extension 的部分已經列得差不多了，其他部分有空就會陸續補齊…

歡迎大家分享補遺，以免遺珠之憾…
(尤其 Greasebonkey Scripts、Bookmarklets 部分其實我收集的很少 :P )
又若有使用上問題，敬請發問，搞不好我已經遇過 :P

Try NewsAlloy !

上星期才重寫了一篇 試試 Rojo ，
這星期卻又喜新厭舊地要來介紹 NewsAlloy :P

其實，對於 NewsAlloy 也觀望了近一個月，(從我的 del.icio.us log 來看是 12/03 :P)
而這一個月，我只能說，NewsAlloy 實在進步神速…
這點從它 development blog 的 update frenquency 即可看出 :P

從一開始中文支援有問題、upload OPML 有問題、沒有 read/unread，
到現在一切解決，而且將 AJAX 特性發揮得淋漓盡致，速度奇快，
甚至於已經開始著手的 tag、social features…
觀望著這個 NewsAlloy 就像當初觀望著 Goowy 一樣，每天每週都有驚喜 :P
(當然，過程中，也有一些 feature 被拿掉了，原本的 search 感覺還不賴的說 :P)

試試 Rojo

上星期寫了一篇「棄 Bloglines 投 Rojo」，
不幸，在我無聊就修改幾個字的多次修改後，
有大半內容被我意外消去，於是索性將整篇刪去…

剛好，這星期發生了兩件事：
1. Rojo 又有了 new features: Getting Smarter
2. Bloglines 換到新的 data center: Bloglines Has a New Home

加上 vgod’s blog 那篇 試試Rojo 有提到我這個 blog，讓本 blog 流量增加不少，
我想有些人大概就是好奇想看看是寫了些什麼才來的，
為了不讓大家敗興而歸，想想還是來寫個一篇好了… :p
(雖然最後可能還是敗興而歸 :P)

[Chat] desktop app in web 2.0 era ?

記得前段日子總是跟著大家不斷唸著 web app、web app 的，
現在連 Microsoft 也不免跟著大家喊起了 internet-based service，
Gates: We’re entering ‘live era’ of software
Gates sketches out Windows and Office Live
Micorsoft Joins Online Era of Software

但又開始往另一個方向來想想，
desktpo app 在這樣 web app 盛行的時代裡又可以有怎樣的作為？