專家推薦 10款優(yōu)秀CSS框架
本文向大家描述一下10個(gè)優(yōu)秀的CSS框架,恰當(dāng)?shù)乩肅SS框架可以縮短開發(fā)時(shí)間,不過(guò)話說(shuō)回來(lái),如果選錯(cuò)了CSS框架胡亂用于實(shí)際開發(fā)中,必然會(huì)適得其反。
10個(gè)優(yōu)秀的CSS框架
大多數(shù)做過(guò)網(wǎng)頁(yè)設(shè)計(jì)的都知道“CSS框架”,而且肯定有很多設(shè)計(jì)師已經(jīng)開始在作品中使用CSS框架。就像其他編程語(yǔ)言一樣,CSS也可以把一些重復(fù)使用的代碼整合起來(lái),這樣可以減輕很多的工作量。
恰當(dāng)?shù)乩肅SS框架可以縮短開發(fā)時(shí)間,不過(guò)話說(shuō)回來(lái),如果選錯(cuò)了CSS框架胡亂用于實(shí)際開發(fā)中,必然會(huì)適得其反。
下面介紹的是一些值得深入研究的開源CSS框架,你可以通過(guò)搜索輕易地獲取源代碼。
1.Blueprint:
Bluepring包含了方便實(shí)現(xiàn)瀏覽器兼容的resetCSS。另外,它還包含了在網(wǎng)頁(yè)開發(fā)中經(jīng)常用到的很多外部工具和模板。
2.960GridSystem
又一個(gè)值得深入研究的CSS框架,提供的源文件包含了Firework、Photoshop、Inkscape等等的模板,可以拿來(lái)隨手即用,PSD文件中已經(jīng)預(yù)置了參考線,可以為設(shè)計(jì)師節(jié)省不少時(shí)間。
3.TripoliFramework
Tripoli可以支持幾乎現(xiàn)有的所有瀏覽器,甚至是IE5,包含了一些基礎(chǔ)CSS庫(kù),和一些封裝過(guò)的CSS插件,比如:Layout、Visual、Type、Negative。
4.YAML-YetAnotherMulticolumnLayout
YAML是一款開發(fā)文檔齊全、非??煽康目蚣?,參照它給出的PDF文檔和官方網(wǎng)站上的示例可以很輕松地上手,它也提供很多開發(fā)中可以利用的工具,比如李詠YAMLBuilder可以構(gòu)造一個(gè)機(jī)遇YAML的CSS布局實(shí)例。
5.YUIGridCSS
YUIGridCSS不僅支持固定寬度的布局實(shí)現(xiàn)還支持不定寬度的布局,這也是它比其他框架更為靈活的地方,你可以下載YUI的cheatsheet和官方網(wǎng)站的YUIGridsBuilder來(lái)快速上手使用YUIGridsCSS。
6.BlueTrip
BlueTrip區(qū)別與其他框架的特點(diǎn)是它非常有特色而且十分美觀,它的官方網(wǎng)站上有完整的開發(fā)文檔和demo。
7.ContentWithStyle
ContenWithStyle是一款固定寬度布局的CSS框架,包含了一系列的布局示例比如,一列垂直導(dǎo)航、兩列垂直導(dǎo)航等等。
8.ElasticCSSFramework
Elastic提供了用聲明式語(yǔ)言來(lái)定義布局結(jié)構(gòu)和行為,這個(gè)框架還剛剛起步,最好的Demo就是它的官網(wǎng)本身。
9.MolioCSS/HTMLTemplates
Mollio的開發(fā)始于IE7暴露出很多渲染的問(wèn)題,它可以作為網(wǎng)站布局的參考,特別適合CSS初學(xué)者。
10.SenCSS
Sen并沒有提供布局方面實(shí)例,但是有一些類似baseline,fonts,paddings,margins的CSS可利用,它包含了一個(gè)開發(fā)版本和一個(gè)發(fā)布版本。
其他的一些CSS框架,可能你也會(huì)喜歡:
WYMstyle
CSS-boilerplate
Typogridphy
CleverCSS
LogiCSS
選擇一框合適的CSS框架不管對(duì)學(xué)習(xí)CSS還是實(shí)際開發(fā)都是非常有用的,熟悉更多的框架就可以通曉這些框架設(shè)計(jì)和實(shí)現(xiàn)的可鑒之處,提高CSS框架設(shè)計(jì)水平之日可待。
【編輯推薦】