HTML5開發工具有哪些
HTML5被看做是web開發者建立流行web應用的利器,增加了對視訊和Canvas 2D的支援。HTML5的誕生還讓人們重新審視瀏覽器專用多媒體外掛的未來,如Adobe的Flash和微軟的Silverlight,HTML5為實現這些外掛的功能提供了一種標準化的方式。
HTML5自誕生以來,作為新一代的Web標準,越來越受開發人員及設計師的歡迎。其強大的相容性,一次開發,到處使用,大大減少了跨平臺開發人員的數量及成本。特別是在如今日新月異的移動時代,除了iOS、Android兩大平臺,還有Windows Phone、Blackberry、Bada等多個競爭,恰恰給了HTML5展現才能的機會。
以下推薦幾款開發工具,總有一款適合你。讓的開發之路更加絢麗多彩。隨著開發者對HTML5的興趣日漸濃厚,開發工具提供商也開始跟進。
一、Adobe Edge
目前還處於預覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時相容移動裝置和桌面電腦。Edge的一個重要功能是web工具包介面,方便確保頁面在不同瀏覽器中的架構一致性,此外Edge還將整合TypeKit這樣的字型服務。
動畫和圖形可以新增到HTML元素中,程式也能通過Edge自身的程式碼片段庫或者JavaScript程式碼進行擴充套件。動畫可以在獨立的時間線上進行巢狀,還能實現互動功能。符合可以服用並通過API和程式碼片段控制。通過Edge設計的內容可以相容iOS和Android裝置,也可以執行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個web設計軟體,提供了對HTML網站和移動程式的視覺化編輯介面。其Fluid Grid 排版系統整合CSS樣式表功能,提供自適應版面的跨平臺相容性。開發者可以完全實現web設計的視覺化操作,無需為程式碼所困。
使用者不但還能在Live View中預覽,還提供多螢幕預覽功能。開發者可以通過MultiScreen預覽面板檢視HTML5內容的渲染效果。Live View通過WebKit渲染引擎支援HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來開發企業web程式的伺服器端技術,通過websockets、互動表單、視訊和地理標籤等HTML5技術建立富媒體使用者體驗。
四、Sencha Architect 2
在開發移動和桌面應用的工具中,Sencha的定位是HTML5視覺化應用開發。開發團隊可以在一個單一整合的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用,並實時預覽。
五、Sencha Touch 2
Sencha Touch2是移動應用框架,也被看作是Sencha的HTML5平臺。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應用。
六、Dojo Foundation Maqetta
來自於IBM的'一個專案,Dojo Foundation Maqetta是為桌面和移動裝置開發HTML5應用的開源工具,支援在瀏覽器中檢視HTML5介面。使用者體驗設計師可以通過拖放組裝UI樣板。
七、微軟Visual Studio 2010 ServicePack 1
雖然一開始並不支援HTML5,但微軟在2011年三月釋出的Visual Studio 2010 SP1中提供了IntelliSense,追加了針對HTML5的一些元素。
八、JetBrains WebStorm 4.0
作為擁有HTML編輯器的JavaScript整合開發環境,WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在建立HTML文件時可獲得對HTML5檔案的支援。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文件。
九、Google Web Toolkit
該開發工具用於開發瀏覽器應用,但庫中支援很多HTML5功能。包括對客戶端或web儲存的支援。其他HTML5功能還包括支援Canvas視覺化,以及音訊和視訊widget。
十、 Lungo 最佳HTML5移動框架
Lungo是一款基於HTML5的開發框架,專為想要設計、構建和共享跨裝置應用的開發者而準備。支援開放的Web標準,如HTML5、CSS3和JavaScript;支援手機、電視以及桌面裝置。擁有強大的JavaScript API:開發webAPP應用有很多種方式,而不是一味的優化。Lungo提供了一個強大的API,這樣你可以完全掌控自己的webAPP應用程式。
Lungo網站和Lungo學習文件:
十一、 mobl
mobl 是一個新的開源的程式設計語言,主要用於加速手機應用的開發,mobl 可方便構建手機 web 應用程式,包括 iOS、Android 和其他支援 HTML5 技術的手機。
Mobl使用一種與JavaScript非常類似的指令碼語言實現了靜態型別的推斷語言。該語言擁有以下頂級結構: 實體(entities)、型別(types)、函式(functions)、控制元件(controls)、螢幕(screens)、樣式(styles )和裝置(services)。實體是在本地儲存中持久化的資料元素,而型別是一種供我們使用的不穩定的資料。函式與那些定義在JavaScript以及能夠呼叫JavaScript程式碼的語言中的函式類似等。
mobl網站:
十二、 DevExtreme效能最優的跨平臺移動應用開發框架
DevExtreme是專為你的移動世界精心準備的,一個跨平臺開發的HTML5/JS框架,可以構建iOS、Android、Tizen和Windows Phone 8應用程式,是Visual Studio開發人員開發跨平臺移動產品的優選工具。
DevExtreme網站:
十三 、Edge Animate CC
Edge Animate CC可以讓你很輕鬆的為現代Web設計互動式和生動地HTML內容。
主要特性:
HTML動畫:設計表達、動畫內容輕鬆精確以及寫實。你還可以將運動和互動新增到現有的HTML佈局與模板中。
精確控制:使用直觀的時間軸進行設計來達到驚人的精確度。
跨平臺多裝置:支援iOS、Android智慧手機和平板電腦,以及現代的桌面瀏覽器。
十四、 Literally Canvas
Literally Canvas是一個可擴充套件、開源的HTML5畫圖元件。你可以繪製、擦除、設定顏色選擇器、撤銷、重做、平移和縮放。在移動裝置上可成功執行。很容易獲得資料URL上傳到一個網站,如Imgur或載入/儲存使用者的圖紙。
主要特性:
速度快,看上去不錯:Literally Canvas對處理複雜繪圖進行了優化,其自然平滑的線條避免了在簡單繪圖程式經常看到的很難看的線條角度。
這是一個部件,而不是一個應用。
可擴充套件。
開源
HTML5開發工具有很多,找一款適合自己的才是最重要的,其次,有激情才會成長的更快。
-
針對dom元素的分析應用
如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態的向html裡寫入DOM元素。今天這章我們就講這兩個應用(一)對html裡現有的DOM元素進行操作。我上面說了,對現有的DOM元素進行操作,無非就是對樣式的操作。所以我們首先就要能獲取這個DOM元素的樣...
-
SQL的SUBSTR 函式的使用方法介紹
SUBSTR函式是用來擷取資料庫某一列欄位中的一部分。在各個資料庫的函式名稱不一樣(真是蛋疼,後發明的`資料庫難道不能同先發明的一樣嗎?)複製程式碼程式碼如下:MySQL:SUBSTR(),SUBSTRING()Oracle:SUBSTR()SQLServer:SUBSTRING();常用的方式是:SBUSTR(str,pos);就是從pos...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想說說javascript中函式的隱含引數:argumentsarguments該物件代表正在執行的函式和呼叫它的函式的引數。[function.]arguments[n]引數function:選項。當前正在執行的Function物件的名字。n:選項。要傳遞給Function物件的從0開始的引數值...
-
網站設計首頁要注意的事項
網站設計首頁的時候要注意些什麼?哪些是必須要注意的?下面就來和小編一起看看網站設計首頁要注意的事項吧。1.使用者友好性:提高首頁的使用者友好性,能夠大大增加留住使用者的可能性,更進一步的`話則是能提高使用者的黏著度,取得良好的使用者轉化效益。而使用者的友好性主要體...