注：英文原文 webdesignledger
HTML5 日漸火熱，不管是作為開發者還是設計師而言，本文專為 Web 設計師介紹 10 個線上的 HTML5 工具。
照片壓縮在今天非常流行，它帶來很多好處，可降低頻寬佔用和提升載入速度。該工具使用 jQuery /CSS3 和 HTML5 開發，通過相當方式來調整你的照片。
一個體面的字型是任何網頁設計的一個非常重要的一部分，它是一種責任，每一個設計師，要挑最好的的字型。線上字型測試工具是一個驚人的字型書籤，讓您即刻在一個新的字型檢視的任何網頁，甚至沒有改變任何 HTML 或 CSS。您可以拖動到頂部的工具欄 font.ttf 檔案，然後他們將在快速檢視列表中顯示。很多免費網站存在在那裡，你所要做的是簡單地輸入到谷歌的“字型”。
這是一個線上使用 HTML5 Canvas 技術的繪圖工具
Online Pattern Generator Tool 是一個很酷的工具，可讓網頁設計師建立頁面背景以及頭部背景，提供大量的引數用來調整背景。
該工具可以讓你直觀的顯示頁面各個元素的詳情。
Online Automatoon (animation) Tool
這是一個純 HTML5 工具，無需 Flash 意味著你的工作可支援 iPhone/iPad 和 Android 裝置。
Online HTML5 Audio Maker Tool
HTML5 可以讓我們使用 audio 標籤，Online HTML5 Audio Maker Tool 是一個很棒的工具用來更高效的生成 audio 標籤。
Online SVG to HTML5 Canvas Tool
大多數向量圖製作軟體 (Illustrator, Inkscape 等) 可匯出 SVG 檔案 (Scalable Vector Graphics). 該工具可以讓你將 SVG 檔案轉成 HTML5 Canvas ，很酷吧？
Chrome Ajax Animator Tool 是一個基於 HTML5 的 web 動畫套件，可線上和離線使用，但只支援 Chrome 瀏覽器。