8個(gè)令人興奮的開源框架

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

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

2。Dropbox的前端框架
在Dropbox的團(tuán)隊(duì)組建自己的前端框架小型摩托車。這是一個(gè)比最簡單多了因?yàn)檫@是前端原型創(chuàng)建。
Dropbox其實(shí)有很多開源的東西在GitHub上包括自己風(fēng)格指南格式化CSS /標(biāo)準(zhǔn)代碼。這一點(diǎn)可以證明非常有用的資源，如果你想進(jìn)入滑板車和修改默認(rèn)的源。

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

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

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

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

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

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

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

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

本文題目：8個(gè)令人興奮的開源框架
新聞來源：http://aaarwkj.com/news16/20716.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、商城網(wǎng)站、域名注冊、用戶體驗(yàn)、響應(yīng)式網(wǎng)站、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)