首先是在問答里面看到了一個問題:
CSS框架 ui 有哪些啊(http://segmentfault.com/q/1010000002547926)
剛開始接觸HTML剛開始接觸JS我也不懂就看了下- 正好我也在考慮怎么用HTML來搭我的APP UI。作為初學(xué)者,我發(fā)現(xiàn)Amaze UI是中文的,覺得對初學(xué)者看起來會更簡單 - 尤其對HTML CSS等一竅不通,很快有人推薦了Ratchet,看了下感覺用來做手機APP確實很簡單的樣子.. 開始糾結(jié)了.. 跟公司大神討教了下什么是UI框架以及一些主流的框架區(qū)別 優(yōu)劣勢,以及我們一些項目上使用的內(nèi)容后,大神總結(jié)出了以下內(nèi)容,受益匪淺 - 作為答案有點長,以博文形式發(fā)出來供大家一起探討下:
------- 以下分割線 --------
IoTgo 用的是 Bootstrap(http://getbootstrap.com),原先是 Twitter 內(nèi)部的一個 CSS 框架,后來開源放到 Github 上,成了 Github 上最熱門的項目。Bootstrap 在 3.0 版本之前,都是以桌面優(yōu)先,在 3.0 版本后,采用移動優(yōu)先,即很好的支持移動平臺,然后才考慮更好的支持桌面。所以 Bootstrap 對手機的支持也很好。
Foundation(foundation.zurb.com) 是設(shè)計公司 zurb.com 推出的開源 CSS 框架,在 CSS 框架領(lǐng)域是目前唯一能跟 Bootstrap 的競爭的項目。Foundation 的可定制性更好一些(因為是設(shè)計公司的產(chǎn)品,要應(yīng)對各種客戶需求),但入手難度也高一些。對于很多 Web 項目開發(fā)者而言,他們需要的就是一套簡單快捷的 UI,對其美觀性、可定制性要求不是太高,所以目前相對來講 Foundation 沒有 Bootstrap 熱門。
答案中推薦的Ratchet如何:
Ratchet 之前也是 Twitter 內(nèi)部的一個 CSS 框架,后來也是開源到 Github 上,目前是作為 Bootstrap 的子項目存在(http://blog.getbootstrap.com/2014/04/02/ratchet-2-0-2-released/),開發(fā) Ratchet 和 Bootstrap 的基本就是同一撥人。Ratchet 一開始就以移動為先,預(yù)先提供了很多移動平臺的常見 UI 工具,比如底部 Tab 標(biāo)簽欄、頂部標(biāo)題及后退按鈕、滑動的側(cè)邊欄等等——Bootstrap 也有,只是很多以插件形式存在,又或者需要自己做一些修改,不像 Ratchet 默認就有。
如果是做一個小項目,而且只以手機 App 的形式存在,可以考慮先用 Ratchet,如果同時兼容桌面,Bootstrap 更好一些。而且 Bootstrap 更新的速度更快,馬上 4.0 版本就要出來了,有很多針對移動平臺優(yōu)化的特性,而 Ratchet 已經(jīng)快一年沒更新了。
另外,目前的移動 CSS 框架(或者更合適的說,UI 框架),還有 Facebook 的 React(http://facebook.github.io/react/),Google 的 Angular Material(https://material.angularjs.org),Telerik 的 Kendo UI(www.telerik.com/kendo-ui),還有預(yù)先捆綁了 Cordova 的 Ionic Framework(ionicframework.com)等等。大家的評價大致是:
我個人對 Angular 比較熱衷,所以都會選擇能夠很好跟 Angular 交互的 CSS/UI 框架——一般來說,如果是純 CSS 框架,那么跟任一一個 MVC 框架(比如 Angular、Ember)都可以很好的配合;如果是 UI 框架,可能會有一些沖突。
之前我們的智能開關(guān)手機 App 是基于 Ionic Framework 來開發(fā)的,后來切換到 Angular Material。一個是 Ionic Framework 雖然入手簡單,但出現(xiàn) Bug 我搞不清楚該怎么修改(需要花時間研究 Ionic Framework 的內(nèi)部工作機制),二是我認為 Material Design 會成為 UI 設(shè)計的主流思想,Angular Material 會很快成熟起來。
聯(lián)系客服