工具/原料
Adobe Dreamweaver CS6
Adobe Edge
DevExtreme
JetBrains WebStorm
Sencha Architect
Initializr
HTML5demos
HTML5 Tracker
HTML5 visual cheat sheet
Switch To HTML5
HTML5 Test
Lime JS
12款程序員必備的HTML 5開發工具
方法/步驟1:
1、 Adobe Dreamweaver CS6
Dreamweaver CS6是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面,用於製作並編輯網站和移動應用程序的網頁設計軟件。由於Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁,對於初級人員,你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用於Web開發高級人員的創作!
方法/步驟2:
2、 Adobe Edge
Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。它的一個重要功能是web工具包界面,用於方便確保在不同瀏覽器中架構的一致性,此外,Adobe Edge還將整合TypeKit這樣的字體服務。通過Edge設計的內容可以兼容iOS和Android設備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
方法/步驟3:
3、 DevExtreme
DevExtreme Complete Subion是性能最優的HTML5,CSS和Java移動開發框架,可以直接在Visual Studio集成開發環境,構建iOS,Android,Tizen和Windows Phone 8應用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件,並且提供源代碼。目前,DevExtreme支持VS2010/2012/2013集成開發環境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平台,是Visual Studio開發人員開發跨平台移動產品的首選工具。
方法/步驟4:
4、 JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaS IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
方法/步驟5:
5、 Sencha Architect
在開發移動和桌面應用的工具中,Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用,並實時預覽。
方法/步驟6:
6、Initializr
Initializr 是製作 HTML5 網站最好的入門輔助開發工具,你可以使用提供的特色模板快速生成網站,也可以自定義,Initializr 會為你生成代碼簡潔的可定製的網頁模板。
方法/步驟7:
7、HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎想知道 Safari 是否可以運行簡單的 HTML5 聊天客户端嗎HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。
方法/步驟8:
8、HTML5 Tracker
想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧,它可以跟蹤 HTML5 最新修訂信息。
方法/步驟9:
9、HTML5 visual cheat sheet
想要快速超找一個標籤或者屬性嗎看看這個非常酷的速查手冊吧,每個Web開發人員的必備。
方法/步驟10:
10、Switch To HTML5
Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目,可以到這裏獲取免費的 HTML5 網站模板。
方法/步驟11:
11、HTML5 Test
你瀏覽器準備好迎接 HTML5 革命了嗎HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
方法/步驟12:
12、Lime JS
LimeJS 是一個 HTML5 遊戲開發框架,用於快速構建運行於觸屏設備和桌面瀏覽器的遊戲。非常棒的HTML5開發工具,一定要用用試試。