A-Fu Design

Peity Mini Chart 顯示在文中的小圖表

在寫文章或者在網站的結構上，如過有增加一下圖表或者圖片都可以大大增加瀏覽者對文章或網站的興趣，而如果在網站上有需要統計某些會變動的數值而且又不需要太過詳細的描述統計圖表的話， Peity Mini Chart 就非常適合你。Peity 是一個利用 jQuery 框架轉換一些元素到 HTML5 的 Canvas 元素對象中，可以轉換為圓餅圖、曲線圖和長條圖。因為是用到了 HTML5 的 Canvas 元素，所以並不支援 IE9 以下的版本瀏覽。

Mercury 採用HTML5 不對 IE 做支援

Mercury 是採用 HTML5 開發的 WYSIWYG(所見及所得) 線上編輯器類似於 TinyMCE 或 CKEditor。但是擁有不同的使用者體驗，他不是放置在一個指定的元素當中，而是呈現在整個頁面當中，所以可以用於編輯整個頁面或任意的指定區域。支援預覽編輯內容並插入連結、圖片、影片或表格。文件上傳可以用拖曳的方式開始上傳步驟。此外，還能夠支援協作編輯器能夠讓其他人編輯同一個頁面並查看實際變化。

jQuery - Selected Text Sharer 實際執行畫面

有時候在寫文章的時候有些專有名詞需要解釋但是在下方做註解又不太方便瀏覽，或者是方便讓使用者來搜尋或分享某一些內容，這個時候 Selected Text Sharer 這一個方便的套件就對你來說很有幫助了，它可以讓你的網頁上一部分的元素可以有另外類似提示視窗的對話泡泡介面，方便解釋內容或者是分享內容等等。

Micro Image Gallery 小型圖片展示櫃

Micro Image Gallery 是一個用來解決有限的網頁頁面空間上展示多張圖片的一個 jQuery 框架套件。它可以將一組圖片轉換為一個微型的展示櫃，支援在網格視圖和單張圖片查看中互相進行切換。還有提供導航條可以隱藏和顯示，當滑鼠移到展示櫃上的時候，或者是一直在圖片上方顯示。在網格視圖中一次可以顯示九張小圖片，支援分頁顯示更多的圖片。網格視圖中的大小會根據所選中的圖片進行自動調整。

jQuery collapser 實際執行畫面

jQuery collapser 是一個多用途的折疊式選單，可用於展開和收起網頁元素。可利用此套件來建立 Accordion、List Collapser 等等功能。輕量簡單而且快速，可以折疊 HTML 內任何的元素，可自定位元素開啟前後皆有回調函數可用。

MooVES 影片強化功能 MooTools 框架開發

MooVES 是一個影片增強功能的系統基於 MooTools 框架開發，能夠對來自各種網路影片服務的連結提個一個預覽的功能，可預覽的網路影片包含：YouTube, Vimeo, Dailymotion, Blip.tv, facebook, Flickr, Google Video, Megavideo, Metacafe, MySpace.tv, MSN, TwitVid, USTREAM, Yahoo Video 等。還可支援 HTML5 的影片標籤。當使用者沒有啟用 JavaScript 或者是 Adobe Flash Player 的時候，此套件還會顯示提示訊息。

windswaterflow 瀑布流套件

當 Pinterest 帶來瀑布流後就熱門起來了，各種各樣的網站就開始了瀑布流。網路上也又不少 jQuery 的套件，其中比較有名氣的是 Masonry ( http://masonry.desandro.com/ ) 。 windswaterflow 這一個套件也支援 JSON 格式檔案可設定讀取中文字和無字料的文字與對話方塊，也能自行設計每一個方塊的樣板呈現方式與 CSS 樣式等等。