15款響應式設計前端框架推薦

jopen 11年前發布 | 11K 次閱讀 響應式

        英文原文:15 New Responsive Frameworks

        隨著響應式 Web 設計的不斷成熟,各類框架也變得越發健壯和可靠。如今很多新的框架都開始向一體化多功能的模式進化,它們提供了更多的功能,包含可復用的組件和模塊,例如圖標、對話框、頁碼導航、面包屑、導航欄等等。

        當然,不是所有的框架都集成了大量的功能,有些僅提供了簡潔的固定布局基礎。今天,給大家推薦 15 款最新的響應式框架,希望對大家有用。

        1. Girder

15款響應式設計前端框架推薦

        通過 Sass 構建的 Girder 是一款最小化的網格系統工具集,可以幫你構造按邏輯分組的彈性布局。它通過 silent class (placeholders)在 HTML 中構建內容(讓你的 HTML 從過多的表現層 class 中解放出來),而且由于支持復雜的 media queries,它可以根據項目需求調整尺寸。

        查看詳情 / 獲取源碼

        2. Cardinal

15款響應式設計前端框架推薦

        Cardinal 是一款聚焦于響應式 Web 應用的小型“移動優先”CSS 框架,通過它,你可以更輕松的為響應式 Web 應用構建原型或生產站點,并有效的維護樣式表。這款框架刻意忽略掉了一些表現樣式層面的東西,以避免成為龐大而復雜的 CSS 框架,并將設計決策權完全交給你。

        查看詳情 / 獲取源碼

        3. Typeplate

15款響應式設計前端框架推薦

        Typeplate 是一款用于文字排版的入門級工具。它不涉及過多的視覺樣式呈現,但是為常見的文字排版模式提供了得當的且具有擴展性的標記。

        查看詳情 / 獲取源碼

        4. Gridism

15款響應式設計前端框架推薦

        Gridism 是一個簡單的 CSS 網格系統,內置了一些響應式相關的實現模式。

        查看詳情 / 獲取源碼

        5. Furatto

15款響應式設計前端框架推薦

        Furatto 是一款扁平化風格的前端框架,特別適用于以其他框架為基礎進行快速 Web 開發。

        查看詳情 / 獲取源碼

        6. PocketGrid

15款響應式設計前端框架推薦

        PocketGrid 是一款輕量級(只有 0.5kB)純 CSS 響應式網格系統,你可以通過它實現任意數量的縱列。PocketGrid 擁有一套基于模塊及模塊組的彈性系統,而非傳統的通過行和列來創建網格。其中,模塊組類似于行,模塊本身則與列的概念相似。與傳統網格系統相 比,PocketGrid 的方式更加靈活。

        查看詳情 / 獲取源碼

        7. .Fitgrid

15款響應式設計前端框架推薦

        .Fitgrd 是一款為了快速創建原型的需求而設計的框架(但在生產環境中的表現也很不錯),為那些不想讓自己的頁面看上去太像 bootstrap 風格的設計師提供了一個堅實的基礎。這套網格系統包含了 12 個列,寬度基于百分比,每一列兩側都各有一個基于百分比的外邊距。

        查看詳情 / 獲取源碼

        8. Kraken

15款響應式設計前端框架推薦

        Kraken 是一款輕量級、移動優先的模板框架,僅包括一些最必需的功能:一個 CSS 重置文件,用來確保跨瀏覽器的兼容性;一個響應式的、移動優先的網格系統;一套設計優秀、液態排版的標尺;CSS3 按鈕;最基本的視覺風格元素;還可以通過可選插件實現更多功能。

        查看詳情 / 獲取源碼

        9. Markup

15款響應式設計前端框架推薦

        Markup 是一套布局、掛件、UI 風格和其他組件的合集,你可以在項目中直接使用,讓開發流程更快速高效。

        查看詳情

        10. Topcoat

15款響應式設計前端框架推薦

        Topcoat 是一款開源 CSS 框架,其主題可被高度定制化,讓你能夠更輕松的創建 Web 應用。

        查看詳情 / 獲取源碼

        11. Cascade

15款響應式設計前端框架推薦

        Cascade 框架可以根據功能而不是選擇器來將你的 CSS 劃分到不同的文件當中,其設計風格在很大程度上受到 SMACCS 和 OOCSS 的影響。

        查看詳情 / 獲取源碼

        12. Responsable

15款響應式設計前端框架推薦

        Responsable 是一款基于 Semantic.gs 和 LESS 的響應式網格系統。

        查看詳情 / 獲取源碼

        13. Ratchet

15款響應式設計前端框架推薦

        Ratchet 可以幫你通過簡單的 HTML、CSS 和 JavaScript 制作移動應用的原型。

        查看詳情 / 獲取源碼

        14. Clank

15款響應式設計前端框架推薦

        Clank 也是一款可以幫你創建移動應用原型的開源框架。

        查看詳情 / 獲取源碼

        15. Responsive Web CSS

15款響應式設計前端框架推薦

        Responsive Web CSS 可以幫助你在幾分鐘內創建出頁面的布局。你可以指定目標設備及分辨率,作為響應式規則,然后便可以打包下載整站的代碼框架。

        查看詳情

來自: beforweb.com
                    <span id="shareA4" class="fl">                          </span> 

</div>

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!