8個令人興奮的開源框架

深圳網(wǎng)站建設每個CSS開發(fā)者應該知道深圳網(wǎng)站制作看它能提供什么。這徹底改變了樣式表CSS的超集就像jQuery JavaScript的革命。
并與眾多CSS的UI框架我們也有標準/薩斯前端框架。這些大部分都是很新的但很快獲得牽引。
我們策劃的9個最好的免費的標準框架在這里，所以如果你是一個非用戶的話，你一定要檢查這些了。

1。Bootstrap樣式的前端框架
這個該框架被吹捧為一個市場上最輕最小的組合框架。目前在V2.0它重達37kb。
這可能不是字面上的最小的選擇，但即使縮小的Bootstrap樣式表總計~ 120kb所以塞拉利昂很輕。這也是由單獨的文件進行混合，按鈕，表格，字體，和其他常見的網(wǎng)頁元素。
這個文件分離是SASS開發(fā)標準和使你的工作更容易，當定制框架。

2。Dropbox的前端框架
在Dropbox的團隊組建自己的前端框架小型摩托車。這是一個比最簡單多了因為這是前端原型創(chuàng)建。
Dropbox其實有很多開源的東西在GitHub上包括自己風格指南格式化CSS /標準代碼。這一點可以證明非常有用的資源，如果你想進入滑板車和修改默認的源。

3.es2016和flexbox
些更詳細的你可以試試開球圖書館這是一個蔬菜基地，有自己的命名規(guī)則添加新的變量。但開球和一點點的一切從CSS網(wǎng)格更復雜的js組件的所有交付與維護gulp.js。

如果你不已經(jīng)用大口然后這個框架有一點點學習曲線。但整個代碼庫很未來的中心與焦點es2016和flexbox。
這是一個只有8.6kb和微不足道的2KB的JavaScript的CSS樣式表非常瘦。啟動是指作為一個樣板，它僅僅是一個起點，所以你可以建立一些纖細的或詳細的必要的任何項目。

4。一個CSS框架實現(xiàn)
大家都知道谷歌的材料設計而如何快速傳遍互聯(lián)網(wǎng)。這導致許多開發(fā)者創(chuàng)建自己的樣式以模仿谷歌的指南和一些樣式表是免費在線。
實現(xiàn)一個例子是一個CSS框架/薩斯專谷歌的指導方針。該框架的技術仍然是測試版本，在本文寫作0.9。
但我認為這是足夠完整的生產網(wǎng)站還有SASS正確選項的介紹頁面。所以你可以下載基本的CSS、JS文件和CSS + SASS的進一步發(fā)展。
這是如此受歡迎，它是可用的在CDN所以你甚至不需要下載CSS局部。

5。用戶界面工具包restyles
這個是騙人的框架不考慮本身的框架，而是一個啟動器套件設計新的項目。
這個用戶界面工具包restyles所有默認的HTML元素的網(wǎng)頁上，它配備了一個很好的響應網(wǎng)格將這些元素。當然，整個事情依靠Sass使開發(fā)過程更簡單。
Hocus Pocus給人的感覺更像是與引導。你不會用這個直接在網(wǎng)站直播。但你會以此為出發(fā)點，原型和快速構建思路。雖然它能很好地工作，因為它太基礎規(guī)范。
從前期風格的表格按鈕和自定義表單元素，Hocus Pocus增加了一個簡約的觸摸所有的瀏覽器默認樣式。

6。Gridle的框架
這個Gridle的框架是一個最可定制的標準網(wǎng)格框架你會發(fā)現(xiàn)。它采用SASS和它與自定義的混入和十幾個功能專為該網(wǎng)格系統(tǒng)。
你會在找到一個實時預覽演示頁面，在這里免費托管在GitHub上。還有一個完整的安裝指南對主要回購這包括如何從簡單到更復雜的定義網(wǎng)格。
值得注意的是，Gridle確實需要一些現(xiàn)有的知識網(wǎng)格系統(tǒng)，這當然不是一個神奇的子彈。
但它會為你節(jié)省很多時間，手工制作一個網(wǎng)格從無到有，更不用提它的可重復使用的幾乎任何項目你設計。

7。iotacss的開源框架
構建CSS的最佳方法之一是OOCSS風格這是一個對象結構在你的設計更多的類和關系而不是嵌套的特異性。
iotacss是少數(shù)OOCSS框架和它的使用很簡單。你可以瀏覽迷你預覽源代碼中看到的命名約定和如何使用邊界元/ OOCSS語法。

關于點唯一不同的是它不是專門的UI工具包。取而代之的是一個框架，來幫助你創(chuàng)建一個用戶界面工具包僅通過Sass。這意味著它不是一個即插即用的解決方案，但它也提供了更多的定制。

8。布爾瑪
現(xiàn)代的CSS是走向一個靈活的模塊化結構與flexbox。這似乎是新的正常布爾瑪領導負責。
這個免費的SASS框架讓你單獨與flexbox工作從頭開始創(chuàng)建充分響應網(wǎng)格系統(tǒng)。這意味著簡單的垂直和水平居中，固定高度的格子，和一大堆的默認樣式。
你可以在找到現(xiàn)場演示主頁隨著安裝說明在GitHub。
默認情況下，Bulma只是一個CSS文件，它甚至主辦CDN免費。但開發(fā)商建議下載SASS文件和工作與變量添加您自己的特點。