Moqups是一款免費(fèi)的HTML5在線(xiàn)應(yīng)用,可創(chuàng)建線(xiàn)框圖、實(shí)體模型和UI概念。該程序使用起來(lái)非常簡(jiǎn)單,并且有內(nèi)置的模板可以直接使用(模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等)。
Stitches是一個(gè)HTML5 sprite sheet生成器。用戶(hù)只需要經(jīng)過(guò)簡(jiǎn)單的拖拽圖片文件到空白處,然后點(diǎn)擊“Generate”就可以生成一個(gè)圖像圖標(biāo)和樣式表了。
HTML5 Maker是一個(gè)在線(xiàn)的動(dòng)畫(huà)制作工具/服務(wù),可通過(guò)HTML, HTML5, CSS和JavaScript創(chuàng)建動(dòng)畫(huà)和交互式內(nèi)容。
Initializr是一款HTML5模板生成器,幫助你快速啟動(dòng)基于HTML5模板的新項(xiàng)目??傊琁nitializr 是制作 HTML5 網(wǎng)站最好的入門(mén)輔助開(kāi)發(fā)工具,你可以使用提供的特色模板快速生成網(wǎng)站,也可以自定義,Initializr 會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁(yè)模板。
Sprite Box是一款WYSIWYG工具,可幫組Web開(kāi)發(fā)人員輕松、快速地創(chuàng)建CSS類(lèi)和ID。它是基于使用背景位置屬性原則來(lái)調(diào)整插入到網(wǎng)頁(yè)塊元素中的精靈小圖像。這款工具是使用 JQuery,HTMl5 和 CSS3 組合來(lái)運(yùn)轉(zhuǎn)的,而且是一款完全免費(fèi)的工具。
Liveweave在HTML4/HTML5、CSS2/CSS3中含有內(nèi)置的自動(dòng)完成上下文特性,讓你工作起來(lái)更加輕松。你只需輸入HTML5和CSS3 標(biāo)簽/元素即可,就是這么簡(jiǎn)單。
Literally Canvas是一款開(kāi)源的HTML5部件,可以被集成到任何頁(yè)面。它配備了一套簡(jiǎn)單的工具,包括繪圖、擦除、顏色選擇器、撤銷(xiāo)、恢復(fù)、平移以及縮放。該工具利用jQuery+和Underscore.js創(chuàng)建而來(lái),利用API定義背景色、工具以及尺寸。
HTML5 Demos能夠讓你立即知道Firefox是否支持HTML5 Canvas,Safari能否運(yùn)行HTML5 聊天客戶(hù)端。
HTML5 Visual Cheat Sheet HTML5 Visual Cheat Sheet是專(zhuān)為Web設(shè)計(jì)師和開(kāi)發(fā)者設(shè)計(jì)的一款速查表。這份速查表包含了HTML tag列表以及支持HTML4.01/5版本的相關(guān)屬性。
Switch to HTML5是一款高效的模板生成器。如果你開(kāi)始一個(gè)新的項(xiàng)目,記住一定要訪(fǎng)問(wèn)該網(wǎng)站。各種各樣的HTML5網(wǎng)站模板將會(huì)呈現(xiàn)在你的眼前。
Online SVG to HTML5 Canvas Tool 這款工具可以將SVG轉(zhuǎn)換成HTML5 Canvas JavaScript函數(shù)。它幾乎可以運(yùn)行在任何主機(jī)上,幫助用戶(hù)去嘗試使用Canvas,可以導(dǎo)出大量的矢量藝術(shù)包(Illustrator,Inkscape)。
利用HTML5 test可以測(cè)試你的瀏覽器支持即將推出HTML5 標(biāo)準(zhǔn)和相關(guān)規(guī)范的得分情況。盡管該規(guī)范還沒(méi)有最終敲定,但是所有主流瀏覽器廠(chǎng)商都在為未來(lái)做好準(zhǔn)備。 你可以查看瀏覽器支持HTML5 哪些部分并與其他瀏覽器進(jìn)行對(duì)比。
Patternizer是用來(lái)創(chuàng)建條紋圖案的生成器。
LimeJS 是一個(gè) JavaScript 游戲開(kāi)發(fā)框架,允許開(kāi)發(fā)者創(chuàng)建基于 HTML5 的游戲,支持主流瀏覽器包括iOS。
HTML5 Reset是(HTML,CSS等)一套設(shè)計(jì)組件,旨在幫助用戶(hù)節(jié)省大量的時(shí)間,創(chuàng)建更加高效的項(xiàng)目。
HTML5 Tracker能夠用于跟蹤HTML5相關(guān)的最新修訂信息。
表單是一個(gè)網(wǎng)站非常重要的一部分。 HTML5的特性日歷,色彩板,滑動(dòng)部件,客戶(hù)端驗(yàn)證等這些都是非常強(qiáng)大的工具,但現(xiàn)實(shí)的情況就是,大多數(shù)的瀏覽器不支持所有的功能。這是一個(gè)很大的問(wèn)題,剛好Cross browser HTML5能夠幫您如何輕松創(chuàng)建一個(gè)跨瀏覽器的表單。 標(biāo)簽:前端開(kāi)發(fā)HTML5網(wǎng)頁(yè)設(shè)計(jì)Web開(kāi)發(fā) 本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至hey@ 文章轉(zhuǎn)載自:慧都控件網(wǎng) |
|
來(lái)自: 老漁翁藏 > 《動(dòng)畫(huà)》