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

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

2。Dropbox的前端框架
在Dropbox的團(tuán)隊(duì)組建自己的前端框架小型摩托車。這是一個(gè)比最簡(jiǎn)單多了因?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è)代碼庫(kù)很未來(lái)的中心與焦點(diǎn)es2016和flexbox。
這是一個(gè)只有8.6kb和微不足道的2KB的JavaScript的CSS樣式表非常瘦。啟動(dòng)是指作為一個(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ù)仍然是測(cè)試版本，在本文寫作0.9。
但我認(rèn)為這是足夠完整的生產(chǎn)網(wǎng)站還有SASS正確選項(xiàng)的介紹頁(yè)面。所以你可以下載基本的CSS、JS文件和CSS + SASS的進(jìn)一步發(fā)展。
這是如此受歡迎，它是可用的在CDN所以你甚至不需要下載CSS局部。

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

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

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

關(guān)于點(diǎn)唯一不同的是它不是專門的UI工具包。取而代之的是一個(gè)框架，來(lái)幫助你創(chuàng)建一個(gè)用戶界面工具包僅通過(guò)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)。這意味著簡(jiǎn)單的垂直和水平居中，固定高度的格子，和一大堆的默認(rèn)樣式。
你可以在找到現(xiàn)場(chǎng)演示主頁(yè)隨著安裝說(shuō)明在GitHub。
默認(rèn)情況下，Bulma只是一個(gè)CSS文件，它甚至主辦CDN免費(fèi)。但開發(fā)商建議下載SASS文件和工作與變量添加您自己的特點(diǎn)。

網(wǎng)頁(yè)題目：8個(gè)令人興奮的開源框架
分享路徑：http://www.bm7419.com/news/20716.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、微信小程序、網(wǎng)站設(shè)計(jì)公司、域名注冊(cè)、微信公眾號(hào)、網(wǎng)站營(yíng)銷

廣告

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