20個最新的 CSS3 和 HTML5 工具

1. Sencha Animator
用標準的網頁技術打造超炫的動畫，Senchar Animator使用CSS3來打造動態的文字和圖片，流暢的變換，陰影，漸變等效果。


2. CSS LINT
這個工具可以幫你找出你CSS中的問題。不光是語法錯誤，它還能指出你的代碼寫的不合理的地方，或者不高效的地方。


3. Normalize.css
Normalize.css 是一個可以定制的CSS文件，它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。


4. Spritemapper
Spritemapper 是一個組合不同圖片并生成 CSS 位置代碼的工具。


5. holmes.css
這個CSS可以幫你找出你網頁中寫的不標準的HTML代碼。


6. prefixMyCSS
這個工具可以幫你的CSS代碼添加前綴。


7. Sprite Cow 
這個工具可以幫助你創建CSS Sprite。


8. Patternizer 
這個工具可以幫助你創建復雜條紋圖案的CSS。


9. Prefixr 
這個工具可以幫助你創建跨瀏覽器的CSS代碼。輸入你的CSS代碼，然后勾選一些選項，它就會生成各個瀏覽器兼容的CSS給你。


10. Patternify 
這個工具是一個簡單的CSS生成器。你可以直接在它的網頁上畫出你想要的樣式，然后它就會生成相應的CSS給你。


11. CSS Shapes
這個工具可以幫你用純CSS來生成各種圖形。


12. Initializr
這個工具可以幫助你生成一個標準的HTML5網頁模板，然后你可以基于這個模板完成你的網頁。


13. Gury
Gury 可以幫助你創建基于 Canvas 的動畫。


14. oCanvas
oCanvas 可以幫助你很容易的在 HTML5 的 Canvas 標簽上創建對象，并且創建這些對象的動畫。


15. Modernizr
Modernizr 是一個利用 JS 和 CSS 來檢測瀏覽器說支持功能的小工具。


16. Response JS
Response JS 是一個輕量級的 jQuery 插件，用來創建高性能的支持移動設備的網站。它提供了一套語法用來根據不同的環境動態替換HTML代碼。例如根據屏幕大小，動態的替換img標簽的src地址。


17. Mercury Editor
這是一個全功能的 HTML5 編輯器，可以幫助你的團隊在瀏覽器中編輯文檔。


18. Sugar
Sugar 是一個JavaScript庫。它擴展了現有的JS對象的方法，讓你可以用更少的代碼做更多的事情。


19. Buzz
Buzz 是一個用于操作HTML5音頻標簽的JavaScript library 。它是一個沒有用到其它JavaScript框架獨立Library。并擁有豐富的API可以用來管理這個音頻標簽提供的所有功能。支持的功能包括播放、 暫停、停止、循環和音量控、取得音頻信息、判斷音頻類型是否支持、可同時處理多個音頻文件。還可以取得播放結束、錯誤產生或音量變化等事件。


20. Recurly.js
Recurly.js 是另一個 JS 實現的表單美化插件。