Web開發人員不可不知的10個HTML5工具


毋庸置疑,HTML5已成為Web開發中最炙手可熱的技術。本文跟大家分享的這10款HTML5工具,有模板創建、開發框架、代碼編輯、圖像繪制、瀏覽器測試等功能,希望能幫助提升你的開發效率。

Initializr

這是一個HTML5模板創建工具,幫助你得到持續的最新的HTML5樣板文件。

Initializr,HTML5模板工具

XRAY

XRAY目前支持Safari, Firefox和IE瀏覽器,XRAY使用了CSS3的多個酷炫功能,如圓角邊框、不透明度、盒子、文本陰影和HTML5 canvas。

XRAY,HTML5 canvas

DevExtreme

功能強大的HTML5,CSS和JavaScript開發框架,只需通過一個SDK就可以交付到所有常用平台,可創建跨多平台和多設備應用程序。

DevExtreme,HTML5,CSS,JavaScript開發框架

Rendera

在線編輯HTML和CSS代碼並實時生成樣式,還可以幫助學習HAML,Sass和CoffeeScript。

Rendera,HTML5代碼編輯工具,HAML,Sass,CoffeeScript

CanvasLoader Creator

這個開源在線工具用於為你的HTML開發創建腳本預加載 (spinners or throbblers)。

CanvasLoader Creator,HTML5預加載腳本

Telerik Kendo UI

基於jQuery HTML5的UI框架,開發面向桌面、移動設備的應用程序,主要有Kendo UI WebKendo UI Mobile Kendo UI DataViz 三個版本。

Kendo UI,jQuery HTML5,UI框架

Spritebox

Spritebox是一個由jQuery, CSS3 和 HTML5開發的所見即所得的繪圖工具,將圖形繪制出來之后可以馬上生成CSS,非常方便。

Spritebox,jQuery,CSS3,HTML5工具

Font Dragr

這個工具給出了一種檢測瀏覽器自定義字體的新方法,不用編碼,不用上傳,只需要拖放進去就可以了!

Font Dragr,HTML5工具,瀏覽器自定義字體

Sketch in 3D

這是一個類似於兒童繪制動畫的畫板,你還可以看到各種精彩草圖的繪制過程。

Sketch in 3D,HTML5畫板,草圖繪制工具

The HTML5 Test

用於測試你的瀏覽器對HTML5支持的友好度,並給出測試分數。

The HTML5 Test,HTML5瀏覽器測試工具

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com