Ⅰ 開發移動前端一般都用什麼工具
移動前端一般是使用android ios的工具生成本地的ui， web前端是網站的UI，相對來說web前端可能會難一點.
Ⅱ html5 app開發用什麼工具
1、Adobe Edge
Adobe Edge的目的是幫助專業設計師製作網頁動畫乃至簡單游戲。該工具的重點放在動畫引擎上，但adobe承諾將增加更多HTML5功能，比如Canvas、HTML5音頻/視頻標簽等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各個平台。
2、Adobe Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML（標准通用標記語言下的一個應用）編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。[2]訪問代碼提示，即可快速了解HTML、CSS和其他Web標准。[2]使用視覺輔助功能減少錯誤並提高網站開發速度。
3、HBuilder
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基於Eclipse，所以順其自然地兼容了Eclipse的插件。
4、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
Ⅲ web前端開發工具排名是什麼
編輯器: sublime, webstorm, atom, vim等
調試工具: 瀏覽器自帶的devtools，移動端頁面遠程調試等
構建工具: gulp, grunt, webpack
包管理工具: bower
遠程伺服器工具: filezilla/shell
工具主要作用就是幫工程師減少工作量，自動化處理，如壓縮css, 合並js/css, 上傳cdn, 圖片優化, 管理jquery等三方庫
前端入門操作都是非常簡單
1、學習css，這個css沒有包含css3，通常我們看到對於web前端工程師要求是要會使用css+div或css+html對界面進行布局，因此 css是輔助html來展示以及布局的，稱之為css樣式。上面說的css+div中的div就是html主要用在布局上的，div是核心要掌握的東 西。
而且css是一定需要配合div進行使用，所以學css要熟悉掌握position、height、float、width，並對於界面的最大最小、能 使用百分百、margin、overflow、padding等。這些關繫到布局樣式的一定要能夠熟練掌握，實在不明白可以到杭州有碼互聯咨詢 下，有碼講師都是有超過三年以上的項目經歷。
2、html是web前端開發工具中最為基礎和最簡單的，在html中要掌握的有form table、span、p、div、ul li 、font這各類標簽。 尤其是table和div，table雖然也能布局使用，但是不方便，通常是用table和數據打交道的。而div是用來布局。
3、學習web前端開發的話要是能夠會些java、php等後台語言更是加分了。因為web前端的界面數據都是在後台那過來的，要是會後 台語言的話，就更節約時間，不僅知道如何於後台交互數據是最好的，也知道怎麼寫前端的代碼會更加規范。就不會出現寫法和後 端的數據不匹配，要重現編寫的尷尬現象了。
4、掌握js，也許前面提到的大家都覺得還可以。但一說到js就暈了吧？事實上js的入門非常的簡單，只要能夠會根據某個name、 或id拿到網頁的樣式、值和dom。以及會給某些name或id的元素標簽賦值、追html、追加數據，在按照邏輯推斷。至於效果無疑就 是彈框、跳轉、隱藏等。再把這些結合到其他的，代碼其實就一點也不不會難了。學會了基礎的js之後，其他的方面結合學習資料 多看多用基本上是沒問題的。
5、學習jquery.jquery是把js封裝了一套的一個js插件。最終就是希望代碼簡化、操作更方便。jquery入門也不難，它需要學的和 js一樣，不同的是換成了jq的代碼。其他結合別的學習資料就可以了。
6、最後是學習css3+html5了，這個目前是最流行的了，如果是搞後端的話，在工作裡面也不怎麼會用到，一般是在網站中出現問 題了，那就需要用到css3+html5去修改一下。
Ⅳ 手機客戶端和web端開發的異同
版本升級。用戶角度上看，客戶端升級必須讓用戶手動下載整個新的安裝包覆蓋安裝，而web的升級無需用戶做任何事情。開發角度上看，如果客戶端有個小bug需要緊急修復，需要修復完後打包一個完成的安裝包，給一個版本號，發布給用戶升級。而web只需要修改後台的某些文件，然後傳到自己的伺服器，用多快速的迭代開發方式都沒問題。web沒有版本兼容性問題，客戶端這個問題就大了。
iOS客戶端用編譯語言，web用腳本語言。編譯語言好處：很多錯誤編譯期就知道，不用擔心類似寫錯一個字母導致的問題。iOS客戶端開發只能用XCode，無法選用自己喜歡的編輯器。使用腳本語言的web無論前端後端對編輯器的選擇都很自由。
客戶端一碰到異常就崩潰，直接退出，web一個try catch可以把所有錯誤抓住，用戶可以繼續使用其他不受影響的功能，即使所有功能都受影響，刷新頁面搞定一切。web上界面和程序實實在在地分離了，客戶端再怎樣都是粘合在一起的。
發現HTML+CSS樣式布局自動排列相當高級，客戶端上一切都靠程序去指定大小位置以及排列的變化，可視化的XIB挺雞肋。
單線程的web很幸福，客戶端要處理多線程，雖然強大，但很麻煩。web幾乎不用考慮內存泄漏，客戶端需要。客戶端開發可以使用到很底層的介面和功能。web處於較上層，在瀏覽器的包裹下，好處是很多問題瀏覽器處理web不用管，壞處是功能受限。
web和客戶端開發差不多都使用類似MVC的模式，數據通過控制器更新到各個視圖。web多用callback，iOS多用delegate，雖然iOS也可以用block作為callback，但還是沒js方便，還可能導致一些內存問題。
總的來說從開發普通應用來看，就算不談跨平台，web開發也是好處多多，但這只是開發角度上看，實際上移動設備上webApp狀況始終不好，與原生客戶端差距很大，原因：
網路不行，流量要錢。國內網路環境大家懂的，雖然HTML5有manifest,storage這些手段緩存webApp，但給人感覺就是不靠譜，打開它還是跟打開一個網頁一樣的感覺：耗流量，還有可能在網路不好的情況下打不開，沒有像已經下載下來的原生APP踏實。
動畫/體驗。一般的web在頁面間切換或顯示隱藏某個組件是沒有動畫的，大家也習慣了，iPhone帶了個頭，一切都要動畫過渡，導致在移動設備上大家習慣了動畫切換，受不了沒有動畫的應用，導致動畫性能底下的webApp至今體驗上遠不如原生客戶端。
把webApp通過safari添加到主屏幕這樣的習慣非常不普及，極少人知道，不過這個應該也不算問題，若沒有上面兩個大問題，這個習慣很容易普及的。
P.S 在開發普通應用（數據處理/交互）方面，web有很大的優勢，在網路和性能問題解決後理應是首選開發方式。但在游戲領域我看不出web有什麼優勢，繼續對有點熱的HTML5游戲開發表示不解。
Ⅳ 如何用html5構建移動端的webapp
H5e教育html5開發為您解答：
移動web在當今的發展速度是一日千里，作為移動領域的門外漢，在這段時間的接觸後，發現前端開發這一塊做一個小小的總結。
1.四大瀏覽器內核
1.Trident (IE瀏覽器) :因為在早期IE佔有大量的市場份額，所以以前有很多網頁是根據這個Trident的標准來編寫的，但是實際上這個內核對真正的網頁標准支持不是很好，同時存在許多安全Bug。
2.Gecko:( FireFox )優點就是功能強大、豐富，可以支持很多復雜網頁效果和瀏覽器擴展介面，缺點是消耗很多的資源，比如內存。
3.Webkit: ( Chrome/ Safari / UC )優點就是Webkit擁有清晰的源碼結構、極快的渲染速度，缺點是對網頁代碼的兼容性較低，會使一些編寫不標準的網頁無法正確顯示。
4.Presto: ( 歐朋 ) Presto內核被稱為公認的瀏覽網頁速度最快的內核，同時也是處理JS腳本最兼容的內核，能在Windows、Mac及Linux操作系統下完美運行。
移動端開發主要對象是手持設備，其中絕大部分是IOS和Android系統，基於Webkit內核，可使用Chrome瀏覽器調試即可。
2.手機瀏覽器
瀏覽器已經逐漸從傳統桌面轉向手機端，競爭也越來越激烈。目前國內市場主流的手機瀏覽器：UC、網路、歐朋、QQ、海豚、safari、Chrome，這些瀏覽器都是基於webkit內核的，兼容性方面不存在問題，同時對html5和css3的支持很好，所以，大膽地應用html5和css3技術吧。
在開始編寫webapp時，前端工程師使用HTML5，而放棄HTML4，因為HTML5可以實現一些HTML4中無法實現的豐富的WEB應用程序 的體驗，可以減少開發者很多的工作量，當然了你決定使用HTML5前，一定要對此非常熟悉，要知道HTML5的新標簽的作用。比如定義一塊內容或文章區域 可使用section標簽，定義導航條或選項卡可以直接使用nav標簽等等。
3.終端解析度
手機解析度比PC解析度要龐雜得多，各種解析度有木有？大小差距那麼大有木有？這在一定程度上給頁面製作帶來了不小的麻煩。所以針對這樣的因素，必須有充分的考慮。考慮到瀏覽器自適應，需要設計和製作完成各種不同的方法。
1) 市場上主流手機生產商的產品解析度。經過調研發現，目前主流的手機解析度為：480*800像素、320*480像素，而1280*720像素（720P）會是接下來的趨勢。這些都是很粗略的統計，要有精確的數據需要花費不少的精力，那是數據分析人員的工作。
2) 項目目標群所持設備的解析度。項目目標群即用戶，用戶擁有什麼樣的手機解析度，從一定程度上來說比第一點來得更加重要，它決定著項目開發的方向。
4.響應式web開發
在編寫CSS時，我不建議前端工程師把容器（不管是外層容器還是內層）的寬度定死。為達到適配各種手持設備，我建議前端工程師使用自適應布局模式（支付 寶 採用了自適應布局模式），因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能夠正常的顯示，你無需再次考慮設備的解析度。
響應式web開發不是一項開創性的技術變革，簡單地說，響應式web設計採用了媒體查詢、流式布局、液態圖片三項技術，把它們組合在一起來製作頁面，使得頁面不只在傳統桌面，在平板電腦和手機上，各種不同的解析度都能夠完美顯示。而要做到這點，我覺得不難，請繼續往下：
1) 准備工作：
a) 插件安裝：window resize。您可以通過下載安裝谷歌瀏覽器插件，安裝成功後，當您調整瀏覽器窗口時，在瀏覽器右下角會有灰度提示當前窗口和類似於手機視圖的大小提示。
b) 編輯器安裝：Hbulder或Webstorm
c) 弄清視圖和屏幕的區別。視圖是瀏覽器的內容顯示區域，屏幕是設備的物理顯示區域。比如視圖寬度我們一般用width表示，而屏幕寬度是用device-width來表示。相信做過手機頁面的童鞋都經常見過這段代碼：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
其中width=device-width就是說把頁面寬度設置成和屏幕寬度一樣。
d) 響應式設計創意網站收集 。這里有很多響應式Web設計的網站，供您參考和學習。
2) 征途ING：
e) 響應式web設計之媒體查詢：
為了減少http請求，我想在css樣式表裡進行媒體查詢會是個不錯的選擇，而不是在頁面head部分使用link進行載入。樣式表裡的媒體查詢格式為：
@media screen and (max-width:960px){}
大括弧內部書寫樣式。該語句相當於判斷語句，有兩個條件，一個是視口寬度最大不超過960px，screen代表顯示屏，這兩個條件都具備了，就調用大括弧內的樣式。
f) 響應式web設計之流式布局：
流式布局以百分比進行布局。最重要是時刻關注元素的父級層，所有的元素都是以父級層為基準。流式布局的應用是為了和媒體查詢完美地結合，形成平滑的布局變 化跳轉效果。一般而言，media里的樣式多以width、padding、margin、font-size、line-height這些為主。
g) 響應式web設計之液態圖片：
要實現液態圖片，只需加入如下代碼：img{max-width:100%;}
web移動頭部書寫
1、首先我們來看看webkit內核中的一些私有的meta標簽，這些meta標簽在開發webapp時起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
這個meta標簽表示：強制讓文檔的寬度與設備的寬度保持1:1，並且文檔最大的寬度比例是1.0，且不允許用戶點擊屏幕放大瀏覽；
<meta content="yes」 name=" apple-mobile-web-app-capable" />
meta標簽是iphone設備中的safari私有meta標簽，它表示：允許全屏模式瀏覽；
<meta content="black" name=" apple-mobile-web-app-status-bar-style" />
meta標簽也是iphone的私有標簽，它指定的iphone中safari頂端的狀態條的樣式；
<meta content="telephone=no" name="format-detection" />
meta標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼
Ⅵ WEB移動端開發使用什麼框架比較好
參考如下：
下面框架是適合面向手機設備的開發的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。
2、jQTouch
jQTouch 是一個 jQuery 的插件，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
3、DHTMLX Touch
DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設備而優化。帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠以最少的編碼構建一流的用戶界面。
4、Mobilize.js
Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速，簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站，但對於基於WordPress和Sphinx的網站不需要使用該框架轉換，因為已經有非常多的插件可以使用。
Ⅶ web前端開發常用又好用的幾個軟體
前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單，未來的發展前景也是非常不錯的。
web全棧工程師5.0課程包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
Ⅷ WEB移動端開發使用什麼框架比較好
很久以前整理了篇將手機網站做成手機應用的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 應用的控制項。
Ⅸ 寫HTML5代碼，用什麼編輯器最好，最方便，最舒服
5款非常好用的html5移動開發工具：
NO.1 DCloudHBuilder:基於HTML5開發工具
DCloudHBuilder:基於HTML5開發工具是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛，DCloud
還提供雲端打包服務，可以讓開發者直接在雲端生成 .ipa 或 .apk 安裝包供部署調試。
NO.2 一款在線Html5移動開發工具-Animatron
Animatron是一款簡單而又強大的在線工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。 使用非常直觀的Animatron編輯器去設計和發布完美的移動產品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。
NO.3 Lungo 最佳HTML5移動框架
Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而准備。
支持開放的Web標准，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。
擁有強大的JavaScript API：開發webAPP應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的webAPP應用程序。
NO.4 mobl
mobl 是一個新的開源的編程語言，主要用於加速手機應用的開發，mobl 可方便構建手機 web 應用程序，包括 iOS、Android 和其他支持 HTML5 技術的手機。
Mobl使用一種與JavaScript非常類似的腳本語言實現了靜態類型的推斷語言。該語言擁有以下頂級結構：
實體（entities）、類型（types）、函數（functions）、控制項（controls）、屏幕（screens）、樣式（styles
）和設備（services）。實體是在本地存儲中持久化的數據元素，而類型是一種供我們使用的不穩定的數據。函數與那些定義在JavaScript以及能夠調用JavaScript代碼的語言中的函數類似等。
NO.5 DevExtreme性能最優的跨平台移動應用開發框架
DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。
希望可以幫助你！