Html5日漸火熱,不管是作為開發者還是設計師而言,本文專為Web設計師介紹10個在線的Html5工具。
Html5日漸火熱,不管是作為開發者還是設計師而言,本文專為Web設計師介紹10個在線的Html5工具。
Online Sprite Box Tool
照片壓縮在今天非常流行,它帶來很多好處,可降低帶寬占用和提升加載速度。該工具使用jQuery/CSS3和Html5開發,通過相當方式來調整你的照片。
Online Font Testing Tool
一個體面的字體是任何網頁設計的一個非常重要的一部分,它是一種責任,每一個設計師,要挑最好的的字體。在線字體測試工具是一個驚人的字體書 簽,讓您即刻在一個新的字體查看的任何網頁,甚至沒有改變任何Html或CSS。您可以拖動到頂部的工具欄font.ttf文件,然後他們將在快速查看列 表中顯示。很多免費網站存在在那裡,你所要做的是簡單地輸入到谷歌的“字體”。
Online Velocity Sketch Tool
這是一個在線使用Html5 Canvas技術的繪圖工具
Online Pattern Generator Tool
Online Pattern Generator Tool是一個很酷的工具,可讓網頁設計師創建頁面背景以及頭部背景,提供大量的參數用來調整背景。 Online XRay 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
Chrome AJax Animator Tool是一個基於Html5的Web動畫套件,可在線和離線使用,但只支持Chrome浏覽器。