Rendera

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

Patternizer

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

CanvasLoader Creator

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

On/Off Flipswitch HTML5/CSS3 Generator

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

Font Dragr

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

Sprite Box

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

Sketch Toy

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

Adobe Edge Animate

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

Initializr

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

HTML KickStart

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

Adobe Typekit

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

Webdirections

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

Liveweave

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

MRI

MRI 可以讓你測試各種選擇器

LimeJS

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

The HTML5 Test

用來測試瀏覽器對(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