分享22款H5和CSS3的協助工具

收集的22款給力的HTML5和CSS3協助工具,需要的朋友可以參考下

1. CSS3 Selectors Test
在開啟這個地址時,它會自動化的測試你當前使用瀏覽器所支援的css屬性,然後用一個列表的形式給展示出來；你可以點擊列表中列出的每個項目來查看結果，包括一個小例子和相應的解釋內容。

2. CSS3 Please!
CSS3 Please!，製作人：Paul Irish and Jonathon Neal。目的在於允許你線上編輯其中任意的數值，然後你可以看右面大大的效果展示，每更改一下數值，就會產生相應的全部代碼。

3. CSS3 Generator
允許你定製自己的CSS3效果。

4. CSS3 Transforms
你可以採用CSS3旋轉，縮放等處理HTML元素，研究CSS3的改動。 (Opera 10.5, Firefox 3.5 以及 Safari 4 和更高)

5. CSS3 Gradient Generator
這是一個可以線上修改css3漸層色彩的地方,無論是背景圖還是邊框都可以改變。

6. Border Radius
允許你設定圓角邊框。

7. Modernizr
Modernizr 是一個小而簡單的 JavaScript 庫,可以協助你在現有的老式瀏覽器中充分利用新的web技術(CSS3,HTML5)。

8. CSS3 Generator
這個簡單的CSS編輯器可以協助你理解WebKit核心瀏覽器對CSS3的支援情況。

9. CSS3 Previews
許多新的CSS3功能的預覽和示範。

10. CSS Template Layout Module
學習流行的CSS3模型和CSS3布局。

11. 5 Techniques to Acquaint You With CSS 3
學習CSS3最流行的新特性。

12. Web Browser CSS Support
這個文檔是一個標準的網路瀏覽器對CSS的支援列表，非常詳細。

13. Font Drag
Font Dragr 是 HTML5/CSS3 驅動的用來測試自訂web字型的web應用。允許你拖放你的ttf、otf、svg和woff格式字型，你可以查看他們的表現。

14. CSS3 Cheat Sheet
提供下載一份W3C中關於css3所包含完整的css屬性，選取器類型和css3的允許的值列表的pdf檔案。

15. Sizzle
一個純粹的JS CSS選取器引擎。

16. Web Designers’ Browser Support Checklist
現實瀏覽器對HTML5和CSS3的支援。

17. CSS3 Color Names
CSS3 支援 147 種不同的顏色名字 (17個標準色加上130)。 這裡列出了這些支援的所有顏色名字,RGB值和十六進位值。

18. HTML5 Visual Cheat Sheet
HTML 5 Visual Cheat Sheet 是一個有用的網頁設計者和開發表。基本上是一個簡單的所有html標籤的清單。

19. HTML5 Demos And Previews
你可以查看HTML5示範，新的功能和瀏覽器的支援情況。

20. The Power Of HTML5 and CSS3
這份文章覆蓋了HTML5和CSS3的組合優勢。

21. HTML5 Cheat Sheet
HTML5功能和有用的資訊。

22. HTML5 Gallery
HTML5示範集合。

【相關推薦】

1. CSS3免費視頻教程

2. 闡述什麼是CSS3？

3. 關於CSS3中選擇符的執行個體詳解

4. 整合20個CSS/CSS3常用屬性

5. h5和css3製作帶提示文字的輸入框