3種熱門好用的Responsive Web Design 自適應的 Framework
俗話說:工欲善其事,必先利其器。想要快速、又要有效率的設計RWD響應式網站,除了網頁設計師需俱備一定的CSS水準以外,更重要的就是Grid格線的概念。
但一般設計師很可能是從頭開始刻CSS,這樣的做法不僅慢,而且又相當的沒效率!所以今天我要為大家介紹幾個實用的Framework的工具。相信你可以各取所需,找到最適合自己的工具來進行RWD自適應的網頁設計!
1. Twitter Bootstrap
Twitter Bootstrap這套Framework相當的有名。它具有的功能相當豐富及多元,裡面幾乎已經包含了絕大部分在你開發RWD網站的時候,所會應用到的CSS工具及語法,例如表格、表單、按鈕、選單、格線....等元件。
它總共包含了12-grid 自適應的佈局,13種的客製jQuery插件;此外更重要的是這麼強大的Boorstrap是免費的!
推薦指數:★★★★★
2. Foundation
Foundation也是一個相當受歡迎的RWD響應式Framework開發套件,它是由一家名叫"Zurb"的設計公司所製作的。
它的歷史發展其實也算是有一段時間了,所以在框架板型的開發上,其實是相當的完善;除此以外,我們常見的按鈕、導覽列、表單...等等,它也一併包含進去。
Foundation的三大特色是Grid(格線系統)、Rapid Prototyping(快速原型開發)和Mobility(支援行動裝置)。
推薦指數:★★★☆☆
3. PURE
Pure 是 Yahoo! 新近推出的一個基於 Normalize.CSS 的 CSS 框架,它沒有使用任何 JavaScript,只是 HTML 和 CSS。所以下載後檔案十分的小(壓縮及最小化之後只有 5.7KB),不像前幾個檔案包都很大!
它其實對於初學者來說,是一款相當不錯又很實用的一個起步工具,有助於設計師在RWD響應式網站上的開發。它的內容包含了有響應式的Grid、統一的按鈕風格、水平或垂直選單(支持下拉菜單)....等內容
除此以外,它網站上更提供更多的不同擴充的Layout直接下載使用,例如Blog、Photo Gallery、Slide Menu...等等
推薦指數:★★★★☆