網(wǎng)頁(yè)設計和發(fā)展領(lǐng)域已經(jīng)成為競爭激烈的虛擬世界。想要在網(wǎng)絡(luò )的虛擬世界中生存,僅有一堆靜止的在線(xiàn)網(wǎng)絡(luò )應用是遠遠不夠的,網(wǎng)頁(yè)必須要有很多功能,配以讓人無(wú)法抗拒的設計。網(wǎng)頁(yè)編碼一定要合適、精確,才能保證不發(fā)生錯誤,使網(wǎng)頁(yè)能在瀏覽器上輕松加載出來(lái)。此外,還要在網(wǎng)頁(yè)設計中留出足夠的空間以充許日后的功能增加和改善,這樣做才能讓更多與時(shí)俱進(jìn)的特征能加入到網(wǎng)頁(yè)設計中。
網(wǎng)頁(yè)設計員和研發(fā)者可用的最好工具之一便是 CSS 框架,它提供高端解決方案來(lái)適應高端網(wǎng)頁(yè)研發(fā)需求。CSS 框架減化了編碼結構、減少了編碼時(shí)間,為研發(fā)者帶來(lái)網(wǎng)頁(yè)設計的便捷性。
CSS 框架倒底代表什么呢?
在網(wǎng)站繁榮的背后,一個(gè)非?;镜脑蚴腔钴S的 PSD 和 CSS 轉換服務(wù)的存在。CSS 是層疊樣式表語(yǔ)言 (Cascading Style Sheet Language) 的英文首字母拼寫(xiě),它能使你的網(wǎng)站漂亮地展現出來(lái)。CSS 應用人類(lèi)心理學(xué)和表示語(yǔ)義學(xué),詳細地組織數據,從而使得用戶(hù)在瀏覽你的網(wǎng)站時(shí)不會(huì )失去興趣。
CSS 給予研發(fā)人員在編碼上極大的靈活性,它分離了標記內容,例如從 PSD 到 HTML 或 XHTML 的轉換,以及表示內容,這些標記內容描述了頁(yè)面布局、內容展現、字體和風(fēng)格等等。CSS 另一個(gè)便捷特征則是 CSS 框架。CSS 框架是先前備制的元素,存在于網(wǎng)絡(luò )數據庫中。其擴展名為 .css,可以使研發(fā)者們回憶起某一特定編碼。因此,研發(fā)者們不必一遍又遍地重寫(xiě)全部的編碼,這樣也就省下了大把的時(shí)間。由于去除了編碼中的重復步驟,使得研發(fā)者們有足夠空間把精力集中在重要的地方,制作出視覺(jué)上更另人震撼的網(wǎng)絡(luò )應用。此外,減縮的編碼直接隱藏于網(wǎng)頁(yè)加載中,使得網(wǎng)頁(yè)在瀏覽器上能快速地加載出來(lái)。
使用 CSS 框架是明智的選擇,你不用每次做網(wǎng)頁(yè)研發(fā)時(shí)再從零開(kāi)始了。你可以做一份默認風(fēng)格表和標記模版,在每次做網(wǎng)頁(yè)研發(fā)時(shí)都可以用到。這些基本內容在框架中都有了,你可以把所有的力氣和技術(shù)用設計的細節和獨特性上了。
11 種最流行的 CSS 框架
1、藍圖(Blueprint)
一個(gè)叫做 Olav Frihagen Bjørkøy 的挪威理工學(xué)生是藍圖(最強大的 CSS 框架之一)研發(fā)背后的原因。藍圖提供穩固的平臺以使用層疊樣式表語(yǔ)言和開(kāi)發(fā)排版網(wǎng)格。CSS 框架的設計目的是為你節省大量 CSS 研發(fā)的時(shí)間。藍圖提供了非常好用的網(wǎng)格發(fā)生器,借此用你可基于寬度尺寸的選擇打造框架。此外,藍圖還提供定制風(fēng)格表,使你可以把按鍵和排版、完整專(zhuān)業(yè)設計表格、和用于打印目的簡(jiǎn)便易用的風(fēng)格表組合到一起。最后,藍圖最重要的優(yōu)勢之一是它可以執行你的瀏覽器默認風(fēng)格的批量重設。
2、雅虎UI 數據庫 CSS 基礎
雅虎 UI 數據庫由 JavaScript 和 CSS 大力支持,通過(guò)提供如 DOM 腳本語(yǔ)言、AJAX 和 DHTML 的高端技術(shù),編匯了能夠使你研發(fā)出高度響應和互動(dòng)的網(wǎng)絡(luò )應用的工具和控制器。雅虎 UI 數據庫可以免費使用,也可以在 BSD 協(xié)議下使用。
雅虎 UI 由雅虎公司的前端工程師和全球的參與者們細心打造。它可以為提升你的網(wǎng)絡(luò )應用的可擴展性并為其增速,同時(shí)提供夯實(shí)的基礎,這一點(diǎn)已久經(jīng)考驗。如果你覺(jué)得用 JavaScript 比較舒服的話(huà),那么它就是你最好最有效的解決方案了。
3、另一個(gè)多欄布局 – YAML
另一個(gè)多欄布局是 Dirk Jesse 先生勤奮努力換來(lái)的結果,他是 YAML 的研發(fā)者。Dirk Jesse 先生對網(wǎng)頁(yè)標準有準確的理解,他使得 YAML 與當下使用的多個(gè)相關(guān)網(wǎng)頁(yè)瀏覽器兼容。還有,YAML 為你提供了除錯樣式表和打印樣式表。YAML 的另一個(gè)優(yōu)勢特征為,它提供詳細的文件編制,并用兩種語(yǔ)言提供活范例 – 英語(yǔ)和德語(yǔ)。此外,YAML 還能使你在你的網(wǎng)頁(yè)瀏覽器內研發(fā) CSS 布局,其方法是通過(guò)一個(gè)叫做 YAML Builder 的有效編輯器,這款編輯器以“所見(jiàn)即所得”(WSYIWYG)的方式工作,且接著(zhù)就會(huì )把不同有創(chuàng )意的設計元素融入到你的框架中去。
4、960GS
960 網(wǎng)格系統的誕生只有一個(gè)目的,就是通過(guò)提供一個(gè)普遍的 960 像素布局寬度平臺,使得與研發(fā)網(wǎng)站相關(guān)的工作程流程更加順暢。960 網(wǎng)格系統提供了 12 和 16 的兩個(gè)不同包供選擇,可以一起使用,也可分開(kāi)使用。此系統把幾個(gè)實(shí)用的模版和圖表整合到了一起,為你提供了穩健的背景支持,也提供了一個(gè)透視圖工具。
5、流體 960GS
有著(zhù)極大優(yōu)勢的流體 960 網(wǎng)格系統是 Nathan Smith 和他的原創(chuàng ) 960 網(wǎng)格系統的結合體。
6、彈性 CSS
這種 CSS 框架實(shí)際上是在 CSS 框架方案中的“松緊帶”。它就像一條松緊帶一樣,能夠伸縮自如,提供穩健的支持,允許要非常廣泛的范圍內操作,包括固定的、流動(dòng)的和彈性的布局。不用折衷你想要的網(wǎng)絡(luò )應用布局,僅僅通過(guò)在彈性 CSS 框架上運行數組排列和結合,直到得到了你想要的布局。彈性 CSS 框架唯一的美中不足便是它需要使用 JavaScript。JavaScript 能提供高質(zhì)量和美學(xué)設計,但對不懂 JavaScript 的人來(lái)說(shuō),這可是個(gè)負擔。
7、jQuery UI CSS 框架
這款 CSS 框架是為了研發(fā)以 jQuery 為基礎的定制小工具而設計。這個(gè) CSS 框架包含的類(lèi)別涵蓋了所有必要的用戶(hù)介面的大多數。如果你使用 jQuiery UI CSS 框架,那么你將能夠輕松地把相關(guān)插件融入到網(wǎng)站編碼中,且能夠使用共享的傳統標記編碼。如果你選擇 jQuery,那么你就可以創(chuàng )建按鈕,并在單個(gè)給定時(shí)間內選擇多個(gè)按鈕。
8、SenCSs
SenCSs 的全名將揭示其含義 – 合理標準 CSS (ensible Standards CSS),這是這款 CSS 的任務(wù)。它能讓你合理地為所有 CSS 中的間歇(也就是重復)部分設計式樣,因此可省出大把時(shí)間用手攻克其他網(wǎng)站研發(fā)的重要問(wèn)題。
9、Typogridphy
這款 CSS 框架乃是基于 960 網(wǎng)格系統而成,它可以讓你創(chuàng )造出極為動(dòng)感和多變的網(wǎng)格布局。Typogridphy 是一個(gè)印刷和網(wǎng)格布局 CSS 框架,給網(wǎng)站設計員和研發(fā)員提供極限的范圍,使他們快速地給有極強功能和美觀(guān)的網(wǎng)格布局編碼。
10、Tripoli
Tripoli 不能算作是一款 CSS 框架,而更應說(shuō)是描述 HTML 元素的 CSS 標準。Tripoli 為研發(fā)動(dòng)畫(huà)布局提供穩健的繪制引擎,而不會(huì )改變編碼的排印。它是非常成熟的 CSS 標準,可以重置默認瀏覽器,并靜靜地工作。
11、BlueTrip CSS 框架
這款 CSS 框架名副其實(shí),提供了三種可能是最好的框架的綜合體,即 960GS, Blueprint 和 Tripoli。
為什么要挑選 CSS 框架
在這個(gè)年代,僅僅是努力工作已不夠了,要成功的必要條件是要聰明地工作,不只是努力。CSS 框架就可以讓你實(shí)現聰明地工作。這是研發(fā)網(wǎng)站聰明的方式。它通過(guò)提供強健的研發(fā)網(wǎng)站基礎,使研發(fā)人員免于所有的焦慮和沮喪,不用再從頭開(kāi)始。
此外,網(wǎng)站研發(fā)過(guò)程可謂相當無(wú)枯燥和費時(shí),研發(fā)員可能在重復的編碼中出錯。CSS 框架可以避免這種情況發(fā)生。如果你所有項目都有默認的 CSS 編碼,那么你不便不用檢查網(wǎng)站每一頁(yè)的源碼了。一個(gè)詳細的 CSS 框架保證了研發(fā)過(guò)程的工作流的果實(shí),并節省了大量時(shí)間,避免了研發(fā)團隊內部的誤解和交流不暢。
正如你已在上文看到的內容,大多數 CSS 框架已經(jīng)做到了跨瀏覽器兼容,所以你不必擔心你的網(wǎng)站的兼容性。
最后,真的沒(méi)有什么理由不推建使用 CSS 框架了。它節省你寶貴的時(shí)間,以極有利的特征和功能補充網(wǎng)站,并給予研發(fā)人員足夠的空間和靈活度來(lái)作出最好的設計。