Amaze UI優(yōu)秀案例 最懂中國程序員的跨屏H5前端框架
Amaze UI 自上線以來,從一個純粹的基于HTML5的開源框架產(chǎn)品到擁有豐富Web 組件和模板,吸引了國內(nèi)外眾多開發(fā)者的關(guān)注。在Github上,Amaze UI已經(jīng)收獲將近3000個Star,并一度躍居成為Github上的熱門開源軟件推薦排行榜前十。
Bootstrap框架是目前比較受全球程序員受歡迎的框架之一,因其擁有美觀的樣式和封裝完善的JQ插件,和其它框架無法比擬的擴(kuò)展。但針對中國開發(fā)者,Amaze UI除了開源和組件豐富的特點(diǎn)以外,它還擁有更加本土化的元素。 首先界面操作更加符合中國人的習(xí)慣,解決了Bootstrap沒有對中文字體做設(shè)置的問題。其次, Amaze UI 以國內(nèi)瀏覽器兼容性為重要指標(biāo),不斷加強(qiáng)對各種本土瀏覽器的支持,幫助廣大前端開發(fā)者從最繁瑣痛苦的瀏覽器性問題中解脫出來,Amaze UI***發(fā)布的版本中還接入了微信支付。第三,Amaze UI的思路是先移動后PC,避免了兩套開發(fā)流程。
作為一款本地化支持,移動優(yōu)先為理念的開源框架產(chǎn)品,Amaze UI已經(jīng)幫助開發(fā)者快速高效的開發(fā)出了許多優(yōu)秀的跨屏前端作品,并深入到各個行業(yè),包括教育、醫(yī)療、藝術(shù)、金融等等各個領(lǐng)域。
以下是一些工程師和設(shè)計師們利用Amaze UI獨(dú)立開發(fā)的一些網(wǎng)站案例展示:
矩陣道優(yōu)達(dá)網(wǎng)站
該網(wǎng)站使用了傳統(tǒng)的首頁大Banner展示方式。在移動端頁面效果展示中,不僅保持主畫面與PC網(wǎng)站一致的簡潔風(fēng)格,同時使用Amaze UI已有的段落、分割線和圖片輪播組件,通過拖拽便非常輕松實(shí)現(xiàn)網(wǎng)站內(nèi)容的適配,并大福提高了開發(fā)效率
某綜合性文化網(wǎng)站:
此網(wǎng)站包含眾籌、文化產(chǎn)業(yè)基金、影迷互動等等頻道等豐富內(nèi)容,圖片是網(wǎng)站內(nèi)容的重要組成部分。使用Amaze UI框架開發(fā)其移動端頁面后,圖片能夠根據(jù)用戶訪問終端設(shè)備自動調(diào)整尺寸和壓縮大小,以最快的加載速度優(yōu)化其在各種主流移動終端訪問體驗(yàn)。
某設(shè)計師網(wǎng)站
聚集著眾多優(yōu)秀設(shè)計師的站點(diǎn),展現(xiàn)著各種潮流范兒的設(shè)計師作品。網(wǎng)站的布局及圖片處理直接影響著用戶對設(shè)計師作品好壞的評判。為了解決PC導(dǎo)航菜單類目繁多及手機(jī)屏幕圖片展現(xiàn)尺寸有限的問題,Amaze UI 框架提供的分類菜單和輪播式圖片展現(xiàn)方式則非常有效的解決了上述問題。
Amaze UI 的初衷來源于云適配把開發(fā)過程中積累的包括菜單、輪播圖等在內(nèi)的大量針對手機(jī)端的UI控件開放出來方便開發(fā)者使用,隨著移動端開發(fā)的強(qiáng)烈市場需求,云適配便把Amaze UI 作為一個開源產(chǎn)品并用專職團(tuán)隊(duì)運(yùn)營,最終打造成一款完全針對HTML5開發(fā)的輕量級、模塊化、強(qiáng)調(diào)移動優(yōu)先的開源跨屏前端框架,讓開發(fā)者只需復(fù)制代碼便可將這些跨屏組件寫入到自己的應(yīng)用中。
但是移動前端開發(fā)過程中的兼容性維護(hù)及復(fù)雜的屏幕適配還需要花費(fèi)很多時間去進(jìn)行,云適配便使用開源的方式,一方面除了能共享現(xiàn)有資源,另外一方面也希望更多的中國開發(fā)者能夠參與到Amaze UI的建設(shè)當(dāng)中,提供反饋意見,讓Amaze UI吸收更多的本土開發(fā)者的意見、變得更成熟,成為更懂中國程序員的實(shí)用工具。