7種新型的響應(yīng)式開發(fā)框架
對(duì)于所有Web開發(fā)人員和設(shè)計(jì)者而言，在建立網(wǎng)站的時(shí)候有很多不同資源供他們使用。其中之一便是框架，框架定義為一個(gè)普遍的或受規(guī)范準(zhǔn)則、概念和實(shí) 踐來(lái)解決典型問題。因此，如果它是在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的定義，它實(shí)際上捆綁的文件夾帶有JSS文件，CSS和HTML，還有結(jié)構(gòu)化文件。它主要用于開發(fā)初期網(wǎng) 站使用一個(gè)共同的結(jié)構(gòu)，并可以重復(fù)使用而不用重新編碼。下面將介紹17種***好用的響應(yīng)式框架，有助于Web開發(fā)人員在涉及網(wǎng)站設(shè)計(jì)的不同進(jìn)程時(shí)使用。你 不需要數(shù)學(xué)的專門知識(shí)或技術(shù)知識(shí)，運(yùn)用框架將節(jié)省編程時(shí)間，使得網(wǎng)站開發(fā)過程更容易更快捷。
正如它的名字本身就代表了它的功能，由于它是一個(gè)12柱的流場(chǎng)中CSS網(wǎng)格系統(tǒng)，推薦給需要?jiǎng)?chuàng)建一個(gè)更好的響應(yīng)基礎(chǔ)的設(shè)計(jì)者。
它允許網(wǎng)站開發(fā)人員完全控制基線網(wǎng)絡(luò)，列寬，媒體查詢和分割線寬度，還適應(yīng)于響應(yīng)和無(wú)響應(yīng)布局。
它是一個(gè)靈活的框架，在不固定或固定的時(shí)候都能實(shí)現(xiàn)，因?yàn)樗峭ㄟ^SCSS建立的。它使得Web開發(fā)人員能夠增加媒體布局，創(chuàng)建計(jì)算列的負(fù)利潤(rùn)率。
它不同于其他的網(wǎng)格系統(tǒng)，因?yàn)樗峁┝艘粋€(gè)平等分布，平均分配給每一行的列。事實(shí)上，你可以自定義，它提供完全的自由，你可以任意創(chuàng)造你的下載包。
這是***用的框架之一，因?yàn)樗婕暗椒奖憧旖莸臉邮奖恚哂谢镜臉邮剑笸耍鳛镴S文件的基礎(chǔ)增強(qiáng)。它的尺寸是12列960px網(wǎng)格，推薦新網(wǎng)站使用，因?yàn)樗詭б粋€(gè)很可靠的CSS框架。
它給予Web開發(fā)人員控制權(quán)，他們的網(wǎng)站可以在桌面，臺(tái)式機(jī)，平板電腦和移動(dòng)終端響應(yīng)。因?yàn)樗浅跏嫉囊苿?dòng)框架，有12列網(wǎng)格和斷電。
它還有另一個(gè)為人熟悉的名字neat，作用是在Bourbon和Sass頂端建立的。很容易使用，因?yàn)樗浅ｌ`活，是一個(gè)開源流體網(wǎng)格框架，重量也很小。它能幫助設(shè)計(jì)師和開發(fā)人員在幾分鐘內(nèi)就成功運(yùn)行框架。
#p#
經(jīng)過幾代升級(jí)后，重新編寫代碼，JS插件，從Zepto切換到大的Foundation，它的功能是使其移動(dòng)兼容，成長(zhǎng)為一個(gè)可以代替jQuery的著名框架。
它能在任何布局實(shí)現(xiàn)，因?yàn)樗侨憫?yīng)的框架功能，在嵌套，靈活性以及流體網(wǎng)格系統(tǒng)方便都更優(yōu)化。
它是你能得到的免費(fèi)的***大的工具，在SASS中強(qiáng)力開發(fā)的，因速度快，包裝全而聞名，是方便快捷的定制響應(yīng)框架。
它源自于著名的960.gs，但更先進(jìn)了，其下劃線已經(jīng)被容易讀數(shù)的連字符取代了。
它允許任何Web開發(fā)人員構(gòu)建樣式表，因?yàn)樗腔赟ass的，利用可重復(fù)使用的SCSS。
它有不同的版本，以上是***的版本，變得可擴(kuò)展，功能強(qiáng)大，基于Sass的框架。
這是建立在CSS3 media queries基礎(chǔ)上的響應(yīng)框架，同樣使用了SASS。它由易于修改的腳本和固定的標(biāo)簽元素，以及表格和導(dǎo)航組成。
推薦使用在建立響應(yīng)滾動(dòng)視差網(wǎng)站，因?yàn)樗且粋€(gè)JS, CSS和HTML輕量級(jí)工具包。
Extra Strength Responsive Grids
如果你需要基于流體的響應(yīng)網(wǎng)格，它就比較適合了，因?yàn)樗梢郧短拙W(wǎng)格，有不同的類，你可以很容易記住。
它是***的樣板，因?yàn)樗浅Ｃ舾泻鸵子谑褂茫⑶沂禽p量級(jí)的。這里介紹的是關(guān)于它的bootstrap。設(shè)計(jì)測(cè)試，設(shè)計(jì)氛圍，5 CSS3 Media query，Sass maxins，upstarts，響應(yīng)測(cè)試，selectivizr和Modernizr。
原文鏈接：http://www.gbin1.com/technology/css/20130821-responsive-frameworks/
