博聞
網(wǎng)站設(shè)計(jì)和開發(fā)的領(lǐng)域已經(jīng)發(fā)展成為一個(gè)真正的虛擬競(jìng)技場(chǎng)。網(wǎng)站上只包含一些靜態(tài)的在線應(yīng)用是遠(yuǎn)遠(yuǎn)不夠的,要保證生存,上面必須含有多種多樣的功能和讓人不可抗拒的設(shè)計(jì)。程序編譯必須更加貼近用戶需求,以保證網(wǎng)站能夠滿足更多的用戶。此外,在可行的范圍內(nèi),都需要進(jìn)一步的補(bǔ)充和完善網(wǎng)頁(yè)設(shè)計(jì),以便提供更多最流行的功能。
CSS框架為網(wǎng)站設(shè)計(jì)者和開發(fā)者提供高端解決方案,是能夠滿足網(wǎng)站發(fā)展所需的最佳工具之一。CSS框架能簡(jiǎn)化編碼結(jié)構(gòu),減少編碼時(shí)間,從而為開發(fā)者提供方便的體驗(yàn)。
CSS框架究竟是什么?
PSD-CSS轉(zhuǎn)換服務(wù)的活躍是網(wǎng)站蓬勃發(fā)展背后很基本的原因之一。 CSS是層疊樣式表語(yǔ)言的縮寫,它能讓網(wǎng)站變得更有吸引力。 CSS會(huì)考慮人的心理和表達(dá),旨在精心組織數(shù)據(jù),使用戶在訪問網(wǎng)站時(shí)都能全神貫注。
CSS在一些方面極具靈活性,如開發(fā)人員分離標(biāo)記內(nèi)容,PSD與HTML或XHTML之間的轉(zhuǎn)換,以及描繪網(wǎng)頁(yè)布局、內(nèi)容、字體和設(shè)計(jì)風(fēng)格等方面。CSS另一個(gè)突出的特點(diǎn)是CSS框架,該框架之前存在于函數(shù)庫(kù),與其他元素分離,被稱為CSS擴(kuò)展。特點(diǎn)是允許開發(fā)者調(diào)用一個(gè)特定的代碼,這樣他們便不必重復(fù)的編寫整個(gè)代碼,從而節(jié)省了大量的時(shí)間來(lái)專注于網(wǎng)站的戰(zhàn)略設(shè)計(jì),設(shè)計(jì)出更具有視覺沖擊的應(yīng)用。另外,編碼的簡(jiǎn)化能直接減少網(wǎng)頁(yè)加載時(shí)間,從而更快的加載于瀏覽器。在網(wǎng)站開發(fā)初期,使用CSS框架替代毫無(wú)目的的編程絕對(duì)是一個(gè)明智的選擇。你可以做一個(gè)默認(rèn)的樣式表,并為自己標(biāo)記一個(gè)模板,在每次網(wǎng)頁(yè)設(shè)計(jì)之初時(shí)使用。由于框架中會(huì)包含最基本的程序,使得開發(fā)者將精力和技巧集中于網(wǎng)頁(yè)的細(xì)節(jié)和獨(dú)特性設(shè)計(jì)上。
11種最流行的CSS框架
1. Blueprint
功能強(qiáng)大的CSS框架——Blueprint,是由挪威科技大學(xué)一位名叫Olav Frihagen Bj?rk?y的學(xué)生開發(fā)的。使用層疊樣式表語(yǔ)言,為開發(fā)排版網(wǎng)絡(luò)提供了一個(gè)堅(jiān)實(shí)的平臺(tái)。它旨在幫助開發(fā)者減少開發(fā)時(shí)間。同時(shí)能在開發(fā)者基于帶寬大小設(shè)計(jì)網(wǎng)頁(yè)框架時(shí)提供很好的方里網(wǎng)生成體驗(yàn)。
此外,它還為開發(fā)者提供了自定義樣式表,從而整合按鈕,字體,板式等完整的專業(yè)設(shè)計(jì)中的元素,樣式表也利于印刷。最后,藍(lán)圖最重要的優(yōu)勢(shì)之一是,它可以執(zhí)行瀏覽器默認(rèn)樣式的質(zhì)量復(fù)位。
2. Yahoo! UI Library CSS Foundation
Yahoo! UI Library CSS Foundation是由JavaScript和CSS開發(fā),是一個(gè)通過(guò)提供如DOM腳本,AJAX和DHTML等高端技術(shù)幫助程序員開發(fā)快速響應(yīng)的交互式應(yīng)用程序的工具和控制裝置。獲得BSD許可后即可免費(fèi)試用UI庫(kù)。
UI庫(kù)是由雅虎有限公司來(lái)自全世界的高端程序員精心策劃的。它也在為網(wǎng)絡(luò)應(yīng)用提供堅(jiān)實(shí)基礎(chǔ)的同時(shí)增加其擴(kuò)展性和敏捷性方面有突出表現(xiàn)。如果你習(xí)慣使用JavaScript,那么該框架也許是你最好最強(qiáng)大的選擇。
3. The Yet Another Multicolumn Layout – YAML
The Yet Another Multicolumn Layout與如今各種時(shí)興的網(wǎng)絡(luò)瀏覽器兼容。此外,YAML為開發(fā)者提供了一個(gè)調(diào)試樣式表和打印樣式表。 其另一個(gè)優(yōu)勢(shì)是提供了詳細(xì)的文檔,并使用兩種語(yǔ)言--英語(yǔ)和德語(yǔ)--來(lái)舉例。
開發(fā)者能使用一個(gè)叫做YAML Builder的有效編輯器網(wǎng)頁(yè)通過(guò)瀏覽器開發(fā)CSS布局,該編輯器基于“看到變能得到”這一基礎(chǔ),將各種具有創(chuàng)造性的元素整合入框架中。
4. 960GS
960GS提供了一個(gè)960像素布局寬度的公共平臺(tái),它能提供12列和16列這兩種可以共同或分開使用的不同的封裝選擇。它還通過(guò)整理一些有用的模板和圖表,為網(wǎng)頁(yè)開發(fā)提供堅(jiān)實(shí)的后臺(tái)支持,同時(shí)也是一個(gè)覆蓋工具。
5. Fluid 960GS
Fluid 960GS是將Nathan Smith的工作成果和960網(wǎng)格系統(tǒng)相結(jié)合的成果。
6. Elastic CSS
在CSS框架方案中,該框架實(shí)際上起調(diào)節(jié)的作用。就和橡皮圈一樣,可以通過(guò)伸展為布局范圍的拓展,包括固定的,流暢的和彈性的布局提供有力的支持。你可以不必局限于你所想要為網(wǎng)頁(yè)應(yīng)用設(shè)計(jì)的布局,只用瀏覽該框架中各種排列組合直到找到最合適的選擇。
唯一美中不足的是開發(fā)者必須使用 JavaScript。
使用該語(yǔ)言可以做出高質(zhì)量的美觀設(shè)計(jì),但如果開發(fā)者不精于 JavaScript,也會(huì)使開發(fā)工作變得復(fù)雜。
7. The jQuery UI CSS Framework
CSS框架是專門基于jQuery為開發(fā)定制化的小部件而設(shè)計(jì)的。其中包括的所有用戶需求的接口。如果開發(fā)者使用這個(gè)框架,那么他們可以輕易的整合插件和網(wǎng)頁(yè)代碼,利用共享的標(biāo)記代碼。jQuery可以幫助開發(fā)者在一個(gè)給定的時(shí)間內(nèi)設(shè)計(jì)和選擇許多按鈕。
8. SenCSs
SenCSs的全名——合格標(biāo)準(zhǔn)CSS,揭示了其含義,這也是CSS框架所要實(shí)現(xiàn)的目的。它能讓開發(fā)者合理設(shè)計(jì)CSS中的所有間歇(即重復(fù))部分,從而節(jié)省大量時(shí)間來(lái)解決網(wǎng)絡(luò)開發(fā)相關(guān)的其他重要問題。
9. Typogridphy
該框架基于960網(wǎng)格系統(tǒng),可以幫助開發(fā)者創(chuàng)造出具有高度動(dòng)態(tài)和多變性的網(wǎng)格布局。 Typogridphy 是印刷和網(wǎng)格布局的CSS框架,能給網(wǎng)站設(shè)計(jì)和開發(fā)者設(shè)計(jì)功能強(qiáng)大,視覺美觀的網(wǎng)格布局提供極限范圍。
10. Tripoli
Tripoli更像描述HTML元素的CSS標(biāo)準(zhǔn)。Tripoli 為不修改任何編碼的排印,開發(fā)動(dòng)畫布局提供穩(wěn)健的描繪引擎和堅(jiān)實(shí)的基礎(chǔ)。它可以重置默認(rèn)瀏覽器,安靜的工作,是一款成熟的CSS標(biāo)準(zhǔn)。
11. BlueTrip CSS Framework
這是一個(gè)名副其實(shí)的CSS框架,能為開發(fā)者提供三種可能是最好的框架綜合體——960GS, Blueprint和Tripoli。
為什么要選擇CSS框架
CSS框架是開發(fā)網(wǎng)站的一個(gè)聰明的方法,通過(guò)提供網(wǎng)站開發(fā)的堅(jiān)實(shí)基礎(chǔ),是程序員免于混亂的開始。如果所有項(xiàng)目都有默認(rèn)的CSS編碼,那么程序員將不必檢查每一頁(yè)網(wǎng)頁(yè)的源代碼。詳細(xì)的CSS框架可以保證開發(fā)的效果,同時(shí)節(jié)省大量時(shí)間。為網(wǎng)站補(bǔ)充極有用的特征和功能,為開發(fā)者做出優(yōu)秀設(shè)計(jì)提供足夠的空間和靈活性。(編輯:楊磊)