【分享】22款給力的HTML5和CSS3幫助工具

abel_cao發表於2012-09-05
HTMLCSSS3

轉自http://www.mhtml5.com/2012/09/5310.html

由 HTML5研究小組 於 週三,
11:01 上午 發表分類: HTML5學習資源
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演示集合。


相關文章