現(xiàn)如今成都網(wǎng)站建設(shè)快要被各種各樣的CSS前端框架給淹沒了，真做的不錯(cuò)的其實(shí)也就那么幾個(gè)。本文將對比五個(gè)科技（成都網(wǎng)站設(shè)計(jì)）認(rèn)為是現(xiàn)在較好的框架。這些框架每一個(gè)都有自己的優(yōu)缺點(diǎn)和適用的應(yīng)用類型，你需要根據(jù)自己的需要來選擇不同的框架。例如，如果你的項(xiàng)目簡單，就不需要使用一個(gè)復(fù)雜的框架。又或者，很多框架都是模塊化的，你可以只是用你需要的模塊，或者把不同框架的模塊混到一起使用。

站在用戶的角度思考問題，與客戶深入溝通，找到宜良網(wǎng)站設(shè)計(jì)與宜良網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、國際域名空間、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋宜良地區(qū)。

我將要介紹的這些框架的順序與它們在GitHub的流行程度有關(guān)。自然，就是從較流行的Bootstrap說起。

成都網(wǎng)站設(shè)計(jì)：

Bootstrap無疑地是目前這些類庫的領(lǐng)跑者。它非常流行，流行程度還在一天天的增加。這個(gè)令人贊嘆的工具集不會(huì)讓你失望的，在你構(gòu)建成功站點(diǎn)之路上少不了它。

作者：科技（成都網(wǎng)站建設(shè)） 介紹：“Bootstrap是較流行的HTML、CSS和JavaScript框架，可用來開響應(yīng)式的移動(dòng)有限的Web項(xiàng)目?！? 核心理念/原則：響應(yīng)式與移動(dòng)優(yōu)先 響應(yīng)式：是 模塊化：是 上手模塊/布局：是 字體圖標(biāo)：大半Glyphicon圖標(biāo) 插件/擴(kuò)展：無，不過有大量的第三方插件 特色組件：超大屏設(shè)計(jì) 文檔：完善 自定義：基礎(chǔ)的GUI自定義；不過你需要手動(dòng)輸入顏色值，因?yàn)椴恢С诸伾x擇器 瀏覽器支持：Firefox、Chrome、Safari、IE8+（IE8的話需要使用Respond.js）

成都網(wǎng)站設(shè)計(jì)：Bootstrap使用心得

Bootstrap較大的優(yōu)勢就是它非常流行。從技術(shù)上講，它并不是比其他在列框架要先進(jìn)。只是它有很多資源（文章、教程、第三方插件和擴(kuò)展以及主題構(gòu)造器等等），比起其他四個(gè)框架合到一起還要多。簡單地講，Bootstrap就是無處不在。這也是大家繼續(xù)使用它的原因。

提示:當(dāng)我說“特色”的組件，這種特色就是針對目前列出的這些框架而言的。

成都網(wǎng)站設(shè)計(jì)：

Foundation是這個(gè)領(lǐng)域的第二大玩家。擁有像ZURB這樣的公司在背后支持，不得不說它確實(shí)有一個(gè)非常堅(jiān)實(shí)的基礎(chǔ)?？傊?，F(xiàn)oundation被很多大的網(wǎng)站采用。包括Facebook、Mozilla、Ebay、Yahoo以及NationalGeographic等等。

作者：科技（成都網(wǎng)站設(shè)計(jì)） 介紹：“世界上較先進(jìn)的響應(yīng)式前端框架” 核心理念/原則：響應(yīng)式、移動(dòng)優(yōu)先、語義化 特色組件：IconBar、ClearingLightbox、FlexVideo、Keystrokes、Joyride、PricingTables 自定義：無GUI的自定義工具，需要自己手動(dòng)修改 瀏覽器支持：Chrome、Firefox、Safari、IE9+；iOS、Android、WindowsPhone7+

Foundation使用心得

Foundation的確是一個(gè)非常專業(yè)的框架，有商業(yè)的支持、培訓(xùn)以及外包。它同時(shí)還提供很多資源，幫助你更加快速更加容易地學(xué)習(xí)和使用這個(gè)框架。

成都網(wǎng)站設(shè)計(jì)：

SemanticUI一直在努力讓網(wǎng)站建設(shè)更加語義化。它利用了自然語言的原則，使得代碼更容易讀更容易理解。

作者：科技（成都網(wǎng)站建設(shè)） 介紹：“一個(gè)UI模塊框架，基于來自自然語言的一些有用的原則。” 核心理念/原則：語義化、tagambivalence、響應(yīng)式 特色組件：Divider、Flag、Rail、Reveal、Step、Advertisement、Card、Feed、Item、Statistic、Dimmer
Rating、Shape 文檔：非常好。Semantic有組織良好的文檔，外加一個(gè)單獨(dú)網(wǎng)站提供指南，幫助用戶快速上手，自定義和創(chuàng)建主題。 瀏覽器支持：Firefox、Chrome、Safari、IE10+(IE9需要prefix支持)、Android4、Blackberry10

SemanticUI使用心得

在這些框架中，Semantic是較具革命性特性較全的框架。為了讓樣式邏輯清晰，語義化，整個(gè)框架的結(jié)構(gòu)以及命名約定都要優(yōu)于其他框架。

成都網(wǎng)站設(shè)計(jì)：

Pure是一個(gè)輕量的、模塊化的框架——使用純CSS編寫的——根據(jù)你的需要，可以組合或者分開使用Pure的模塊。

作者：科技（成都網(wǎng)站建設(shè)） 介紹：“一系列小的，響應(yīng)式的CSS模塊，可以用在你的每一個(gè)項(xiàng)目中?！? 核心理念/原則：SMACSS、極簡主義 自定義：基礎(chǔ)的GUI皮膚構(gòu)造工具 瀏覽器支持：較新的Firefox、Chrome、Safari；IE7+、iOS6.x、7.x；Android4.x

Pure使用心得

Pure只提供一套極簡的樣式，便于你從0開始你的項(xiàng)目。對于那些不需要一個(gè)全?？蚣?，只需要某些組件的加入到他們自己的項(xiàng)目中的用戶來講，這個(gè)框架非常符合。

成都網(wǎng)站設(shè)計(jì)：

UIkit包含了一些列簡潔的易用的便于自定義的組件。盡管它沒有其他在列的框架流行，但是它提供了相當(dāng)?shù)墓δ芎唾|(zhì)量。

作者：YOOtheme 發(fā)布時(shí)間：2013 當(dāng)前版本：2.13.1 流行程度：GitHub上3,800+的star 介紹：“輕量的，模塊化的前端框架，可用來快速構(gòu)建強(qiáng)大的網(wǎng)頁界面” 核心理念/原則：響應(yīng)式、移動(dòng)優(yōu)先 框架大?。?18KB 預(yù)處理器：Less、Sass 響應(yīng)式：是 模塊化：是 上手模塊/布局：是 字體圖標(biāo)：FontAwesome 插件/擴(kuò)展：有 特色組件：Article、Flex、Cover、HTMLEditor 文檔：好 自定義：高級的GUI自定義工具 瀏覽器支持：Chrome,Firefox,Safari,IE9+ 開原協(xié)議：MIT

UIkit使用心得

UIkit在WordPress主題中很成功。它提供了強(qiáng)大靈活的自定義機(jī)制，可以手動(dòng)修改或者使用它的提供的GUI自定義工具來實(shí)現(xiàn)。

以上內(nèi)容由創(chuàng)新互聯(lián)（成都網(wǎng)站設(shè)計(jì),成都網(wǎng)站制作）為您提供，更多精彩內(nèi)容：http://sd-ha.com/

關(guān)注“科技”微信公眾號，快速獲取互聯(lián)網(wǎng)較新資訊