目前仍處於預覽階段的Adobe Edge是壹款利用HTML5、CSS和JavaScript開發動態交互內容的設計工具。內容可以與移動設備和臺式計算機兼容。Edge的壹個重要功能就是Web toolkit接口，方便保證不同瀏覽器中頁面的架構壹致性。此外，Edge還將整合TypeKit等字體服務。
HTML元素中可以添加動畫和圖形，程序也可以通過Edge自帶的代碼片段庫或JavaScript代碼進行擴展。動畫可以嵌套在獨立的時間軸上，也可以實現交互功能。可以通過API和代碼片段來獲取和控制合規性。Edge設計的內容可以兼容iOS和Android設備，也可以在Firefox、Chrome、Safari、IE9等主流瀏覽器中運行。
第二，Adobe Dreamweaver CS6
作為壹款網頁設計軟件，Adobe Dreamweaver CS6為HTML網站和移動程序提供了可視化的編輯界面。其流體網格排版系統集成CSS樣式表功能，提供自適應布局的跨平臺兼容性。開發者可以完全實現網頁設計的可視化操作，而不會被代碼所困。
用戶不僅可以在實時視圖中預覽，還可以提供多屏預覽功能。開發者可以通過多屏預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。
第三，Adobe ColdFusion 10
ColdFusion是壹種用於開發企業Web程序的服務器端技術，它通過Websockets、交互式表單、視頻和地理標簽等HTML5技術創建豐富的媒體用戶體驗。
四、森茶建築師2
在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在壹個集成環境中完成應用程序的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並實時預覽。
動詞 （verb的縮寫）Sencha Touch 2
Sencha Touch2是壹個移動應用框架，也被視為Sencha的HTML5平臺。開發者可以用它來開發iOS、Android、黑莓、Kindle Fire等各種平臺的移動應用。
第六，道場基金會Maqetta
來自IBM的壹個項目，Dojo Foundation Maqetta是壹個為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放來組裝UI模板。
七、微軟Visual Studio 2010服務包1
雖然壹開始並不支持HTML5，但是微軟在2011年3月發布的Visual Studio 2065 438+00sp 1中提供了IntelliSense，為HTML5增加了壹些元素。
八、JetBrains網絡風暴4.0
作為壹個帶有HTML編輯器的JavaScript集成開發環境，WebStorm4.0為開發web應用提供了HTML5模板。開發人員在創建HTML文檔時可以獲得對HTML5文件的支持。例如，記錄器類型。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。
九、谷歌網絡工具包
這個開發工具是用來開發瀏覽器應用的，但是這個庫支持很多HTML5函數。包括對客戶端或web存儲的支持。其他HTML5特性包括支持畫布可視化和音頻視頻小部件。
X.DCloud HBuilder
HBuilder是目前速度最快的HTML開發工具，強大的代碼助手幫助妳快速完成開發，最全面的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再令人頭疼。