2008年5月19日 星期一

jQuery Plugin Demo 連結自動擷取(jQuery Plugin Demo Link Digger) for Firefox + GreaseMonkey

最近在玩 jQuery 發現他是一個設計良好的 Javascript 架構,可以讓程式設計師省去很多搞 DOM 的時間,只要要懂一些 CSS 就可以使用 jQuery 迷人的 CSS Selector 來取得所需的 HTML 物件,進而對此物件進行各種操作。

最棒的是,他提供了一個設計良好的 Plugin 架構,讓程式設計師可以把自己的創意或工作成果做成 Plugin 分享給大家,而其他程式設計師就不需要再時間去做別人已經完成的事情了~

如此一來也大幅的減低了使用 JavaScript 的門檻,基本上只要懂得 CSS、HTML 與簡單的 JavaScript 就可以使用幾乎所有的 jQuery Pligin 來為你的網站創造各種令人激賞的效果!



雖然 jQuery 這麼棒,但是 jQuery Plugin 的網站卻設計得讓人不敢恭維...

在 Category 頁面中,居然看不到每個 Plugin 的 Demo,而是要點入每個 Plugin 的 Project 頁面才「有機會」看到 Demo 連結,而且在 Category 頁面中也看不到使用者對此 Plugin 的投票評價...讓我才看了兩個 Plugin 就很火大...


因此我就寫了這個 UserScript:jQuery Plugin Demo 連結自動擷取(jQuery Plugin Demo Link Digger)




jQuery Plugin Demo 連結自動擷取(jQuery Plugin Demo Link Digger)

這個 UserScript 為您在 jQuery Plugin 的 Category 頁面,自動加上每個 Plugin 的 Demo 連結、Home Page 連結 與 使用者投評價,並使用字型大小的變化來增加此 Plugin 的評價識別度, 使用者評價越高 字體會越大、越粗!

背景的顏色則是用來識別 AJAX 資料的取得狀況:
[綠色] 代表 正在載入資料
[黃色] 代表 找到 Demo 連結
[灰色] 代表 找不到 Demo 連結

者投評價 會以 [V] 來顯示,越多 [V] 代表評價月高~



安裝網址( English with install ):
http://userscripts.org/scripts/show/26824


jQuery:
http://jquery.com/

jQuery Plugin:
http://plugins.jquery.com/project/Plugins