App-UI:一個新的HTML5應(yīng)用框架
譯文【51CTO譯文】著名開發(fā)者Andrew Trice將為我們帶來一個新的HTML5應(yīng)用框架App-UI。以下是Andrew Trice的博客的全部譯文:
App-UI是一個網(wǎng)絡(luò)和移動開發(fā)人員創(chuàng)建HTML和JavaScript時可重復(fù)使用的“application container”用戶界面組件,App-UI是那些針對移動設(shè)備的交互式應(yīng)用程序可能會有所幫助的集合。App-UI與PhoneGap的應(yīng)用有些雷同,App-UI可以很容易地使用CSS樣式/自定義。(聲明:目前App-UI還是一個雛形,尚不成熟。開發(fā)者切勿對現(xiàn)有版本報有太大希望。)
App-UI的創(chuàng)建項目需要使用HTML、CSS和JavaScript。所有的動畫渲染使用CSS3 translate3d硬件加速。App-UI效果還不錯,在移動端支持iOS,Android和黑莓瀏覽器,而且適用于絕大多數(shù)***版本的桌面瀏覽器。
Why?
您可能會想已經(jīng)有其他類似jQuery Mobile的開源替代品,“為什么還要使用創(chuàng)建App-UI呢?”創(chuàng)建App-UI的主要動機是為了有可重復(fù)使用高性能的、不強迫任何指令性的發(fā)展模式的application container。特別是在移動設(shè)備上App-UI可作為動畫/轉(zhuǎn)換方面性能的替代品。
App-UI可以被用于許多不同的現(xiàn)有框架:App-UI只需要一個jQuery加速器框架解決方案:包括與現(xiàn)有的UI部件框架(jQuery UI、Twitter Bootstrap等等)以及與現(xiàn)有的模板框架(Moustache、Knockout、Handlebars等等)結(jié)合。
- Application Containers
App-UI雖然目前有三個Application Containers,但是App-UI并不打算成為一個完整的用戶界面組件框架。
- ViewNavigator
該viewnavigator組件允許你創(chuàng)建移動體驗和容易識別的移動用戶界面范式。
- SplitViewNavigator
該splitviewnavigator組件允許你創(chuàng)建片經(jīng)驗,易于識別的移動用戶界面范式。
- SlidingView
該slidingview允許內(nèi)容滑動到一邊使用橫向滑動手勢。這是非常類似的行為在iPad的Facebook應(yīng)用。
Download
如果你開始今天App-UI!你可以瀏覽http://triceam.github.com/app-ui/,閱讀的細節(jié),下載一個副本,并開始建設(shè)自己的應(yīng)用程序!