淘寶SUI Mobile框架
官網(wǎng)地址:http://m.sui.taobao.org/
SUI Mobile 是一套基于 Framework7 開發(fā)的UI庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發(fā)跨平臺Web App。
輕量的UI庫
SUI Mobile 非常輕量,核心庫壓縮Gzip后的JS、CSS網(wǎng)絡傳輸體積總共只有52K,卻提供了20+個常用的組件。
對于只有HTML&CSS的組件,你只需要復制HTML代碼既可以使用。他的大部分JS組件都是獨立的 Zepto 插件,并且提供了 Zepto/jQuery 風格的API,你將會非常熟悉這種方式。
移動端web框架 Frozen UI
官網(wǎng)地址:http://frozenui.github.io/
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架?;谑諵樣式規(guī)范,選取最常用的組件,做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業(yè)務中。
非手Q用戶不能使用離線包而直接請求核心css也僅28k,另外也可以采用cdn和combo的方式按需加載。
CSS組件包括按鈕,列表,表單,通知,提示條,彈出框,選項卡,等級圖標,角標,紅點,1px解決方案等。
CSS使用模塊化的樣式命名和組織規(guī)范,使用sass編寫css代碼。
FrozenJS 是針對移動端開發(fā)的 js 組件庫,其依賴 zepto.js 和 FrozenUI,支持seajs模塊化和非模塊化兩種方式。
FrozenJS 包括: basic:FrozenJS 的一些基礎功能,包括模板引擎、tap 支持等。 ui:主要是一些觸屏常用的 UI 組件,包括 dialog 等。 effect:非常用的特效庫,特殊場景使用到是可以單獨調(diào)用。
兼容android 2.3 +,ios 4.0 + 。
移動WebApp開發(fā)框架 CloudaHTML 移動端框架 Framework7
官網(wǎng)地址:http://framework7.io/
Framework7 或者叫 F7 是全功能的綁定 iOS 7 應用的 HTML 框架。Framework7 是免費開源的 HTML 移動端框架,用來開發(fā)混合移動端應用或者 iOS 7 的 Web 應用,并且?guī)в?nbsp;iOS 7 的原生外觀和感覺。Framework7 也是獨立的原型應用工具。
Framework7 使用 Javascript,CSS 和 HTML 來創(chuàng)建 iOS 7 應用,支持多個平臺的遷移(PhoneGap),但是不是支持所有平臺,主要還是針對 iOS 7。
Amaze UI框架
官網(wǎng)地址:http://amazeui.org/
Amaze UI 開發(fā)思路
通過拆分、封裝一些常用的網(wǎng)頁組件,以規(guī)范化采用云適配平臺開發(fā)的移動網(wǎng)站,統(tǒng)一用戶體驗逐漸形成的。
1、語義化
Amaze UI開發(fā)遵循語義化原則,意圖通過類名(class)等信息直觀傳達元素的功能角色,同時關注結構、樣式、行為分離,降低各部分的耦合程度,提高開發(fā)效率和可維護性。
2、移動優(yōu)先,跨屏適配
遵循 “移動優(yōu)先(Mobile First)”、“漸進增強(Progressive enhancement)”的理念,可先從移動設備開始開發(fā)網(wǎng)站,逐步在擴展的更大屏幕的設備上,專注于最重要的內(nèi)容和交互,適應移動互聯(lián)潮流。輕松創(chuàng)建跨屏適配的網(wǎng)頁。
3、模塊化,按需定制
AMUI使用LESS編寫樣式,結構良好,易擴展,易維護;使用Seajs模塊化開發(fā)、組織 JavaScript,自然、優(yōu)雅。
4、專注于HTML5
AMUI 基于輕量的Zepto.js開發(fā),有效減少為兼容舊瀏覽器的臃腫代碼;基于 CSS3 的交互效果,平滑、高效。AMUI專注于現(xiàn)代瀏覽器(支持HTML5),不再為過時的瀏覽器耗費資源,為更有價值的用戶提高更好的體驗。
5、本地化支持
相比國外的前端框架,Amaze UI專注解決中文排版優(yōu)化問題,根據(jù)操作系統(tǒng)調(diào)整字體,實現(xiàn)最佳中文排版效果;針對國內(nèi)主流瀏覽器及App內(nèi)置瀏覽器提供更好的兼容性支持,為你節(jié)省大量兼容性調(diào)試時間。
Amaze UI 的開發(fā)歷程
云適配創(chuàng)始人陳本峰:這個項目最開始是作為內(nèi)部使用工具來開發(fā)的。我們云適配本身就是一個前端產(chǎn)品,Amaze UI能幫我們降低開發(fā)時間和成本,用標準化作業(yè)流程,能有更高的產(chǎn)出。
從云適配創(chuàng)立之初,我們就開始積累自己的前端框架,同時也借鑒了Bootstrap等國外框架的優(yōu)點。在內(nèi)部使用過程中,大家一致反映不錯,我們就希望把這個產(chǎn)品開源,希望分享給更多的人,也希望更多的人來貢獻代碼,來共建中國前端開源生態(tài)環(huán)境。在最近幾個月,我們投入人力將這個項目整理成一個開源產(chǎn)品。目前有2個軟件工程師全職在開發(fā)這個產(chǎn)品,還有一個設計,一個PM也在盡力配合。產(chǎn)品發(fā)布之后,我們會投入更多全職的工程師來專心打磨這個產(chǎn)品,同時也呼吁更多的前端開發(fā)愛好者共同來完善這個框架。
Amaze UI的目標
幫助開發(fā)者提高開發(fā)效率,提升網(wǎng)頁效果,即用最短的時間做出最贊的網(wǎng)頁,使更多的前端開發(fā)者不再受前端復雜代碼困擾。
騰訊移動Web前端框架
官網(wǎng)地址:https://github.com/AlloyTeamDev/Pro
聯(lián)系客服