å¾ä¹
以åæ´çäºç¯å°ææºç½ç«åæææºåºç¨çJSæ¡æ¶ãæ¶éä¸å¹´å¤ï¼å¾å¤æ°çææ¯å·²ç»åºç°ï¼ä¸é¢åæ¥æ»ç»ä¸è¿æåªäºæ¡æ¶æ¯éåé¢åææºè®¾å¤çå¼åçã
ãã1ãjQuery Mobile
ããjQuery Mobile æ¯ jQuery å¨ææºä¸åå¹³æ¿è®¾å¤ä¸ççæ¬ãjQuery Mobile ä¸ä»
ä¼ç»ä¸»æµç§»å¨å¹³å°å¸¦æ¥jQueryæ ¸å¿åºï¼èä¸ä¼åå¸ä¸ä¸ªå®æ´ç»ä¸çjQuery移å¨UIæ¡æ¶ãæ¯æå
¨ç主æµç移å¨å¹³å°ãjQuery Mobileå¼åå¢é说ï¼è½å¼åè¿ä¸ªé¡¹ç®ï¼æ们é常å
´å¥ã移å¨Web太éè¦ä¸ä¸ªè·¨æµè§å¨çæ¡æ¶ï¼è®©å¼å人åå¼ååºçæ£ç移å¨Webç½ç«ã
ãã2ãjQTouch
ããjQTouch æ¯ä¸ä¸ª jQuery çæ件ï¼ä¸»è¦ç¨äºææºä¸ç Webkit æµè§å¨ä¸å®ç°ä¸äºå
æ¬å¨ç»ãå表导èªãé»è®¤åºç¨æ ·å¼çåç§å¸¸è§UIææç JavaScript åºãæ¯æå
æ¬ iPhoneãAndroid çææºã
ãã3ãDHTMLX Touch
ããDHTMLX Touchæ¯ä¸ä¸ªå
è´¹çHTML5/JavaScriptæ¡æ¶ï¼ä¸é¨ä¸ºè§¦æ¸å±è®¾å¤èä¼åã为æ¨å¸¦æ¥å¿«éå¼åå·¥èºç²¾ç¾ç移å¨Webåºç¨ç¨åºçè½åãDHTMLX Touch UI Designeræ¯ä¸ä¸ªå¯è§åçç¼è¾å¨ç¨äºæ建移å¨ç¨æ·çé¢ãå®è½å¤å¸®æ¨ä»¥æå°çç¼ç æ建ä¸æµçç¨æ·çé¢ãå¨å
¶ä¸»é¡µä¸æä¾ä¸äºç¤ºä¾å¯ä»¥å±ç¤ºDHTMLX Touch强大çç¨æ·çé¢ãå
æ¬ä¸ä¸ªmenu app for the iPad (éç¨äºå¼åé¤å
åºç¨) åBook Shop (ä¸ä¸ªçµå书åºåºç¨)ã
ãã4ãMobilize.js
ããMobilize.jsæ¯ä¸ä¸ªå¼æºçHTML5-JavaScriptæ¡æ¶ç¨äºä»ä»»ä½ç°å¨ææ åç½ç«å¿«éï¼ç®ä¾¿å°æ建移å¨ç½ç«ãè¿ä¸ªæ¡æ¶å
¶å®å°±æ¯å°éè¦å¨ç§»å¨è®¾å¤ä¸æ¾ç¤ºçé¨å页é¢ä»¥jQuery Mobileçé»è®¤ä¸»é¢æ¾ç¤ºï¼èä¸æ¯å®ç°ä¸ä¸ªå
¨æ°å®æ´ç移å¨é¡µé¢ãMobilize.js å¯ç¨äºä»»æç½ç«ï¼ä½å¯¹äºåºäºWordPressåSphinxçç½ç«ä¸éè¦ä½¿ç¨è¯¥æ¡æ¶è½¬æ¢ï¼å 为已ç»æé常å¤çæ件å¯ä»¥ä½¿ç¨ã
ãã5ãThe M Project
ããThe-M-Projectæ¯å¦å¤ä¸ä¸ªå¼ºå¤§çJavaScriptæ¡æ¶ï¼å®å©ç¨HTML5æ°çç¹æ§æ¥æ´å¥½åæ´ç®ä¾¿å°å¼å移å¨åºç¨ãè¿ä¸ªæ¡æ¶éµå¾ªèåçMVC软件æ¶æ模å¼ãå®è¿æ¯æ离线ï¼æä»¥ä½ çç¨æ·å¯ä»¥å¨æ²¡æè¿æ¥ç½ç»çæ
åµä¸ç»§ç»æä½(å½ä¸æ¬¡æè¿çº¿çæ¶åï¼åå°æ°æ®åæ¥å°æå¡å¨ä¸)ãæä¾ä¼ç§çææ¡£(è¿ä¸ªé¡¹ç®æ¥æä¸ä¸ªå¼å¯¼æ°ç¨æ·å
¥é¨çå¼åæå)ãå¯ä»¥æ¥çæä¾ç示ä¾æ¥å¯¹è¯¥é¡¹ç®æä¸ä¸ªåç®çäºè§£ãè¿äºç¤ºä¾å
æ¬ï¼ToDo App(å¾
åäºé¡¹ç®åºç¨) å KitchenSink (è¿ä¸ªç¤ºä¾å
æ¬è¿ä¸ªæ¡æ¶æä¾çææUIå
ç´ )ã
ãã6ãWebApp.Net
ããWebApp.Net æä¾äºå¾å¤ç APIï¼å æ¤å¯ä»¥å¸®å©ä½ èçå¾å¤å·¥ä½äºãä¸éè¦è±æ¶é´å»è¿è¡ Ajax è°ç¨çç¼ç ï¼å 为已ç»å
ç½®äºï¼å¦å¤è¿æå¾å¤å
¶å®å
ç½®åè½ï¼æä¾äºè¯¦ç»çææ¡£ååºç¨æ¼ç¤ºã
ãã7ãWijmo
ããWijmoæ¯ä¸ä¸ªåºäºjQuery UIçUIé¨ä»¶çå¥ä»¶ãWijmoé¨ä»¶è¿è¡äºä¼å客æ·ç«¯Webå¼ååå©ç¨jQueryçä¼è¶çæ§è½åæç¨æ§çåéãææçWijmoé¨ä»¶é½é
å¤äº20å¤ä¸ªä¸»é¢åæ¯æThemeRollerã
ãã8ã960 Grid on jQuery-Mobile
ããjquery-mobile-960 æ¯ä¸ä¸ªç¨äºç§»å¨ Web å¼åçç½æ ¼æ¡æ¶ï¼ç»¼åäº 960.gs ççµæ´»æ§å jQuery Mobile çæ¹ä¾¿æ§ãå®çç®çæ¯è®© jQuery Mobile å¸å±æ´å ççµæ´»ï¼ä½¿å¾åºç¨åºè®¸å¨ç§»å¨ç»ç«¯æ´å æç¨ã
ãã9ãSencha Touch Framework
ããSencha Touch æ¯ä¸çä¸ç¬¬ä¸ä¸ªåºäº HTML5 çç§»å¨ Web å¼åæ¡æ¶ï¼æ¯æææ°ç HTML5 å CSS3 æ åï¼å
¨é¢å
¼å®¹ Android å Apple iOS 设å¤ï¼æä¾äºä¸°å¯ç WEB UI ç»ä»¶ï¼å¯ä»¥å¿«éçå¼ååºè¿è¡äºç§»å¨ç»ç«¯çåºç¨ç¨åºãShenchaæ¯ç¬¬ä¸ä¸ªä½¿ç¨HTML5ï¼CSSåJavaScript并ä¸æ¯æé³é¢/è§é¢ï¼æ¬å°åå¨ï¼åè§ï¼æ¸åèæ¯ä»¥åé´å½±çå¼åæ¡æ¶ã
ãã10ãNimbleKit
ããNimbleKit æ¯ä¸º iOS 设å¤æ建åºç¨ç¨åºæå¿«éçæ¹å¼ï¼ä½ ä¸éè¦ç¥é Objective-C æè
iOS SDKï¼ä½ åªéç»å JavaScript 代ç ç¼å HTML 页é¢å°±å¯ä»¥äºã
ãã11ãTouchy™ Boilerplate
ããTouchy Boilerplate æ¯ä¸ä¸ªç¨æ¥å建移å¨web appï¼å
æ¬HTML模æ¿ï¼Meta tagççå·¥å
·ãTouchyå¯ä»¥æ¯æå¨æ页é¢å¯¼èªï¼åºå®é¡µå¤´ï¼æ»å¨å
容ï¼æµè§åå²è®°å½çåè½ãTouchy使ç¨jQueryæè
Zepto.JSã
ãã12ãPhoneGap
ããPhoneGapæ¯ä¸ä¸ªç¨åºäºHTMLï¼CSSåJavaScriptçï¼å建移å¨è·¨å¹³å°ç§»å¨åºç¨ç¨åºçå¿«éå¼åå¹³å°ãå®ä½¿å¼åè
è½å¤å©ç¨iPhoneï¼Androidï¼Palmï¼Symbian,WP7,BadaåBlackberryæºè½ææºçæ ¸å¿åè½ââå
æ¬å°çå®ä½ï¼å éå¨ï¼è系人ï¼å£°é³åæ¯å¨çï¼æ¤å¤PhoneGapæ¥æ丰å¯çæ件ï¼å¯ä»¥ä»¥æ¤æ©å±æ éçåè½ãPhoneGapæ¯å
è´¹çï¼ä½æ¯å®éè¦ç¹å®å¹³å°æä¾çéå 软件ï¼ä¾å¦iPhoneçiPhone SDKï¼AndroidçAndroid SDKçï¼ä¹å¯ä»¥åDW5.5é
å¥å¼åã使ç¨PhoneGapåªæ¯ä¸ºæ¯ä¸ªå¹³å°åå«å»ºç«åºç¨ç¨åºå¥½ä¸ç¹ç¹ï¼å 为è½ç¶åºæ¬ä»£ç æ¯ä¸æ ·çï¼ä½æ¯ä½ ä»ç¶éè¦ä¸ºæ¯ä¸ªå¹³å°åå«ç¼è¯åºç¨ç¨åºã
ãã13ãjoshfire
ããJoshfireæ¯ä¸ä¸ªå¼æºç跨设å¤å¼åæ¡æ¶ï¼å¸®å©å¼åè
å建å¯ä»¥å¨å¤ç§è®¾å¤ä¸è¿è¡çweb appãå®ä½¿ç¨HTML5åJavaScriptï¼å¹¶ä¸å
许å¼åè
å¿«éæ´åæ¬å°åºç¨åç¹å®çwebåºç¨ãJoshfireå¯ä»¥è®©ä½ çåºç¨æ¥åé®çï¼é¼ æ ï¼è§¦æ¸å±ï¼é¥æ§å¨ç设å¤çè¾å
¥ãJoshfireæ¯æNode.JSã4.Sencha Touchï¼åºäºHTML5ç移å¨ç½é¡µå¼åæ¡æ¶ã
ãã14ã Julia
ããJuliaæ¡æ¶ç±åºæ¬CSS3æ件ãJSåºåå个平å°çè¿è¡åºææãä¸åPhoneGapï¼Juliaä¸ä»
ä»
å
å«è°ç¨æ¬æºä»£ç çæ¥å£å±ï¼å®è¿å
å« Model-View-Controller(MVC)æ¯æï¼Delegationæ¯æï¼OAuthæ¯æï¼å¼æ¥æ°æ®åºååæ¥å£ï¼HTMLéæ©ç¬¦(ç±»jQueryè°ç¨æ¥å£)ï¼HTML模ç(å
许åµå
¥JS代ç )çåºç¨å¼åå¿
å¤çAPIæ¥å£ã åºäºJuliaçåºç¨å¼åå°±åç½ç«å¼åé£ä¹ç®åï¼æ¯çï¼ä½ ç»äºå¯ä»¥ç¨HTML5å¼åä¸ä¸ªå®æ´çãè·¨å¹³å° çãä¸äºäºæ¬æºä»£ç çãæäºç»´æ¤ç移å¨åºç¨äºï¼å¤§å¹å³å°ææï¼è®©æ们ä¸èµ·è¿å
¥ç§»å¨å¼åçæ°æ¶ä»£
ãã15ãSproutCore HTML5 Application Framework
ããSproutCore æ¯ä¸ä¸ª HTML5 ç§»å¨ Web å¼åæ¡æ¶ï¼å®çç®æ æ¯å¨æ éæµè§å¨æ件çæ
åµä¸ï¼å¨æµè§å¨ä¸ä½åºç¨ç¨åºæä¾æä½³çæ¡é¢ææã
ãã16ãTitanium
ããè¿æ¯ä¸ä¸ªå¼ºå¤§çï¼å¥å£®ç移å¨Webå¼åæ¡æ¶ãè½å¤è®©ä½¿ç¨ç°æçHTML, CSSåJavaScriptç¥è¯æ¥ä¸º iOSåAndroidå¹³å°å¼ååç移å¨åºç¨ãä½ä¸ºä¸ä¸ªè¶æ¥è¶å¤§ç移å¨Webæ¡æ¶ï¼å®æ¥æè¶
è¿300个çAPIsåæ´»è·çå¼åè
社åºãä½ ä»è¿ä¸ªç¤¾åºä¸å¾å°æ¯ä¸ä¸ªå¼å人åç帮å©ãTitanium Mobileæ¯æåççiOSåAndroid UIå
ç´ å¦Table views, tabs, switchesåpopoversãå®æä¾è½å¤ä¸ç§»å¨è®¾å¤çæå头åæ¬å°æ件åå¨ç³»ç»ç¸äº¤äºçç¹æ§ã
ãã17ãLungo.js
ããLungo.js æ¯ä¸ä¸ªéç¨HTML5, CSS3 åJavaScriptææ¯å®ç°ç移å¨Webåºç¨ç¨åºå¼åæ¡æ¶ãå©ç¨è¿æ¡æ¶å¼åçåºç¨ç¨åºå¯è¿è¡æææµè¡çå¹³å°å
æ¬ï¼iOS, Android, Blackberry å WebOsãå®è¿æ¯æ触æ¸äºä»¶å¦ï¼tap, double-tapåswipeãæ´ä¸ªæ¡æ¶æ²¡æç¨å°ä»»ä½å¾çå
æ¬å¾æ ï¼ææé½ç¢éåãå¯ä»¥å¨è¿ä¸ªæ¡æ¶ä¸ä½¿ç¨HTML5æ¥æçä¸äºç¹æ§å¦ï¼WebSQL, å°çä½ç½®å®ä½ï¼åå²æ设å¤æ¹åçãLungo.jsæ¯ä¸ä¸ªæ¨¡åå并ä¸å®å
¨å¯å®å¶çæ¡æ¶ã
ãã18ãxui.js
ããææ¶åä½ å¯è½éè¦ä¸ä¸ªè¶
è½»é级çæ¡æ¶ï¼åªè¦æ¥æç¨äºå¼åæ å客æ·ç«¯æéè¦çåè½å¦ï¼DOMæä½ï¼äºä»¶å¤çï¼Ajaxåä¸äºå¨ç»ææãå¦ææ¯è¿æ ·çè¯ï¼è¿ä¸ªæ¡æ¶å好é常éåä½ ãæ´ä¸ªæ¡æ¶éç¨GZIPå缩å®ä¹ååªæ4.2 KBã
ãã19ãEmbedJS
ããEmbedJSæ¯ä¸ä¸ªç¨äºåµå
¥å¼è®¾å¤çJavaScriptæ¡æ¶å¦ï¼ç§»å¨çµè¯ï¼TVsãtabletsåso forthãEmbedJS强大ä¹å¤å¨äºï¼å®æ¥æä¸é¨ä¸ºç¹å®å¹³å°åæµè§å¨å¦iOS, Firefox, Androidçæä¾ç¸åºçå¼åçæ¬ãè¿æ ·å°±è½å¤ä»¥æå°ç代ç ï¼ä¸ºç¨æ·æä¾æä½³çä½éªãèä¸åå¦ä½ å欢èªå·±å®å¶ï¼å¯ä»¥å©ç¨å
¶æä¾çEmbedJS Build toolå·¥å
·å®ç°ãEmbedJSåºäºDojoå®ç°ï¼æä»¥ä½ å¦æçæDojo APIè¯æ³ï¼é£EmbedJSå°æ¯ä½ æä½³çéæ©ã
ãã20ãzepto.js
ããzepto.jsæ¯ä¸ä¸ªä¸ä¸ºmobile WebKitæµè§å¨(å¦ï¼SafariåChrome)èå¼åçä¸ä¸ªJavaScriptæ¡æ¶ãå®æ æ¦èªå·±å¨å
¶ç®çº¦çå¼åç念ï¼è½å¤å¸®å©å¼å人åç®åãå¿«éå°å®æå¼å交ä»ä»»å¡ãæ´éè¦çæ¯è¿ä¸ªJSæ¡æ¶ï¼æ¯è¶
è½»é级çï¼åªæ5KBãzepto.jsçè¯æ³åé´å¹¶ä¸å
¼å®¹jQueryã
ãã21ãBaker
ããBakeræ¯ç¨æ¥å¨iPadæè
iPhoneå¹³å°ä¸åå¸äº¤äºå¼ççµå书æè
çµåæå¿çHTML5çµå书æ¡æ¶ã
ãã22ãChocolateChip-UI
ããChocolateChip-UI æ¯ä¸ä¸ªææºç§»å¨ Web å¼åæ¡æ¶ï¼éç¨ HTML5, WAML, CSS å JavaScriptçææ¯å®ç°ãåºäº ChocolateChip JavaScript æ¡æ¶ï¼å
å«ææ°ç ChUI.JS å ChUI.css.
ãã23ãMagazine Grid
ããMagazine Grid æ¯ä¸ä¸ªè¶
ç°ä»£ç CSS æ¡æ¶ï¼ç¨äº iPad å iPhone ææºï¼ä½¿ç¨ç±»ä¼¼æå¿ç设计é£æ ¼ãMagazine Grid å¯è®©ç¨æ·ä½¿ç¨ HTML5 å
ç´ æ¥ç»ç»æå¿é¡µï¼é常轻é级(<4k)ï¼å¨ç§»å¨è®¾å¤ä¸å è½½é常快ï¼å¯¹èçæµè§å¨ä¹æ¯æã
ãã24ãKendo UI
ããKendo UIæ¯ä¸ä¸ªå¼ºå¤§çæ¡æ¶ç¨äºå¿«éHTML5 UIå¼åãåºäºææ°çHTML5ãCSS3åJavaScriptæ åã Kendo UIå
å«äºå¼åç°ä»£JavaScriptå¼åæéè¦çææä¸åï¼å
æ¬ï¼å¼ºå¤§çæ°æ®æºï¼éç¨çææ(Drag-and-Drop)åè½ï¼æ¨¡æ¿ï¼åUIæ§ä»¶ã
ãã25ãHTML App Host Framework
ããè¿æ¯ä¸ä¸ªç¨äºæ建åºäº Windows Phone 7 ç HTML/JavaScript æ管æ¡æ¶ï¼ä½¿ç¨ HTML5 ææ¯ã该æ¡æ¶ç±æ¯æå¨æ å xap æ ¼å¼ä¸åµå
¥ html åºç¨çæ§ä»¶ã
温馨提示:内容为网友见解,仅供参考