A-Fu Design

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 的時候，此套件還會顯示提示訊息。

SimpleModal 對話視窗方塊 - MooTools

 SimpleModal 是能夠幫您在建置網站的時候，輕鬆地建立對話視窗的一個套件。套件本身建立於 MooTools 框架之下，這一個套件非常的輕巧，能夠在警告框和確認框中顯示任意的 HTML 內容包括：文字、圖片和影片等等。對於對話確認之後還有提供回調的方法。 SimpleModal 也支援從其他的 URL 來取得內容，它的外觀介面漂亮而且也可自行訂製不透明度、寬度、可拖曳和是否關閉等等的參數設定。

Growl 實際執行畫面

網站中使用 AJAX 讀取檔案或做其他動作時，有時候需要通知使用者完成或者是提示使用者可以進行下一個動作或流程，這時候就需要像這樣的一個效果。Growl 一個簡單又方便的提示訊息視窗，使用 Mootools 框架製作可以創建淡入淡出的效果。

iCarousel 旋轉燈籠式圖片展示實際執行畫面

Web 開發人員常會遇到很多的連續內容需要展示，有可能是一些文章片段也有可能是一堆圖片等等的，因為有這樣的需求，所以就出現了旋轉方式的展示方式，這一個套件就是幫助開發者擁有豐富的展式介面且容易使用的方法。

fValidator 實際驗證畫面

如今，每個人都知道，JavaScript可以被用來驗證輸入資料的HTML表單中的內容發送到服務器之前。儘管，有很多表單中的字段時，在 JavaScript 驗證變得太複雜，枯燥的代碼。這就是為什麼 fValidator 出現的原因。

Videobox 實際執行情形

實際執行畫面

極為精簡摺疊選單套件，僅僅使用到 Mootools 框架本身並沒有多出很多的 JavaScript 的程式碼，如果沒有需要用到很多功能的使用者可以使用這一個套件，基本的折疊顏色的更換都是很完美的表現出來。

jQuery Masonry實際執行畫面

一個佈局套件或稱瀑布流套件，可以將它視為CSS浮動的另一面，CSS浮動式基於水平方向然後再以垂直方向對期，而使用 Masonry 則是使用網格控制網頁元素的垂直方向然後才是水平方向。類似 http://pinterest.com/ 的自動排版套件。這一個套件特別的是它有做了三個不同框架上的版本，此範例是使用jQuery的版本。

Mootools ToolTips實際執行畫面四個分割視窗呈現

很多時候網頁上的元素為了保持乾淨整潔的樣子，所以會少掉了很多說明的文字部分，但是為了可以讓使用者更了解這一個連結或者這一個圖片是做什麼的，這一個功能就是幫助設計師可以保持頁面又可以讓使用者清楚知道圖片或文字的意義。

Calendar 自訂圖片執行畫面

很多表單會包含日期。例如，您可能有一個表單，依照預設會在人們開啟它時顯示目前的日期。或者表單中包含的欄位可供人們以一致的方式輕鬆輸入日期。這一個Javascripts套件可以讓您網頁上不顯眼的日期表單元素增加方便性又美觀又有驗證的功能，套件完全基於MooTools框架。

程式執行時樣子

    在設計師製作後台的時候，偶爾會需要用到顏色，使用者又不可能去被色碼開修圖程式去看色碼在到後台又很麻煩，所以這一類型的套件就此誕生了!!基於Mootools 框架強大的JavaScripts 顏色選擇套件。