Rendera

如果你希望有個(gè)環(huán)境可以測(cè)試、瀏覽和體驗(yàn)各種不同的 CSS/HTML 和 JavaScript 代碼，Rendera 為你提供了實(shí)時(shí)的運(yùn)行結(jié)果。類似 RunJS。

Patternizer

從名字可看出該工具可以創(chuàng)建真正的調(diào)色板，包括各種線條和條文，可編輯線寬、顏色、角度和間隙，特別適合用來(lái)創(chuàng)建背景圖片。

CanvasLoader Creator

通過(guò)這個(gè)工具可以定制你的加載器，創(chuàng)建更吸引眼球的訪問(wèn)體驗(yàn)，無(wú)需任何編碼

On/Off Flipswitch HTML5/CSS3 Generator

用來(lái)創(chuàng)建各種滑動(dòng)開(kāi)關(guān)效果

Font Dragr

用來(lái)測(cè)試字體是否適合你的網(wǎng)頁(yè)，只需拖放即可操作

Sprite Box

It enables adding life in sprite images by adding them with HTML5, CSS3, or JavaScript codes.

Sketch Toy

這是一個(gè)簡(jiǎn)單的工具，通過(guò)鼠標(biāo)可輕松創(chuàng)建各種素描藝術(shù)效果

Adobe Edge Animate

用來(lái)創(chuàng)建兼容各種瀏覽器的動(dòng)畫(huà)效果

Initializr

Initializr 提供模板化工具來(lái)快速創(chuàng)建 HTML 網(wǎng)站

HTML KickStart

同上，快速的網(wǎng)站創(chuàng)建工具，允許通過(guò)簡(jiǎn)單點(diǎn)擊編輯按鈕、列表、表格和排版

Adobe Typekit

該工具幫你選擇合適的字體，并可進(jìn)行實(shí)時(shí)效果預(yù)覽

Webdirections

Webdirections 可方便的測(cè)試、瀏覽和體驗(yàn)代碼，通過(guò)簡(jiǎn)單的點(diǎn)擊進(jìn)行 HTML、CSS 的操作

Liveweave

另外一個(gè)類似 RunJS 的在線工具

MRI

MRI 可以讓你測(cè)試各種選擇器

LimeJS

LimeJS 是一個(gè) JavaScript 游戲開(kāi)發(fā)框架，允許開(kāi)發(fā)者創(chuàng)建基于 HTML5 的游戲，支持主流瀏覽器包括iOS。

The HTML5 Test

用來(lái)測(cè)試瀏覽器對(duì) HTML5 的支持程度

Moqups

Moqups 是一款HTML5在線的WEB框架、模型、UI設(shè)計(jì)并創(chuàng)建的網(wǎng)絡(luò)應(yīng)用程序。

Stitches

Stitches 是一個(gè) HTML5 sprite 樣式創(chuàng)建工具，可以將多個(gè)圖片合并成一個(gè)，并給出 sprite 樣式。

Online 3D Sketch Tool

這是一個(gè)在線 3D 草圖工具

CreateM

CreateM 是一個(gè)真正酷的 HTML5 工具，可編輯網(wǎng)站的所有屬性

via inspiretrends