42個非常有用的 HTML5 開發教程和學習資源

　　如今，隨著主流瀏覽器對 HTML5 的不斷支援和完善，越來越多的開發人員開始使用 HTML5 來開發各種功能強大的Web應用程式，HTML5 正引領互連網新革命。為了方便大家更好的學習 HTML5 ，今天這篇文章向大家分享42個非常有用的 HTML5 開發教程和速查手冊。

HTML5 開發教程1. Code a Portfolio with HTML5 and CSS3

2. Slick login form with HTML5 & CSS3

3. Create a stylish HTML5 template from scratch

4. Code a Vibrant Professional Web Design with HTML5/CSS3

5. Coding a CSS3 & HTML5 One-Page Website Template

6. Create An Elegant Website With HTML 5 And CSS3

7. Tutorial: Case Study with Html5 + CSS3

8. Create a Grid Based Web Design in HTML5 & CSS3

9. Create a Stylish Contact Form with HTML5 & CSS3

10. Coding A HTML 5 Layout From Scratch

11. Design & Code a Cool iPhone App Website in HTML5

12. Designing a blog with html5

13. How to Make an HTML5 iPhone App

14. Making Forms Fabulous with HTML5

15. How to Build Cross-Browser HTML5 Forms

16. HTML5 Tutorial – Getting Started

17. Simple Website Layout Tutorial Using HTML 5 and CSS 3

18. Build a HTML5/CSS3 Website Layout Without Images – Part 1

19. Building Web Pages With HTML 5

20. Add Semantic Value to Your Pages With HTML 5

21. Embed Audio and Video in HTML 5 Pages

22. HTML5 and CSS3 in Dreamweaver CS5.5 – Part 1: Building the web page

23. Create a Responsive Web Design Template

24. A practical guide to building websites with HTML5 & CSS3

25. HTML5 & CSS3 envelope contact form

26. How to Draw with HTML 5 Canvas

27. HTML 5 Canvas Tutorial

28. Learning the basics of HTML5 canvas

29. JavaScript Face Detection + Canvas + Video = HTML5 Glasses!

HTML5 文章和資源30. Semantics in HTML 5

31. Get Ready for HTML 5

32. A Preview of HTML 5

33. Steve Smith on HTML5 and CSS3

34. The Future of HTML 5

35. HTML5 Boilerplate

36. Initializr 2

HTML5 速查手冊37. HTML 5

38. HTML 5 Visual Cheat Sheet by Woork

39. HTML5 Visual Cheat Sheet

40. HTML 5 Cheat Sheet (PDF)

41. HTML5 Canvas Cheat Sheet

42. HTML5 id or class name cheatsheet

您可能還喜歡

 

• 九個讓人難以置信的HTML5和JavaScript實驗
• 讓人眼花繚亂的 HTML5 和 JavaScript 效果
• 29款基於 HTML5 Canvas 開發的網頁遊戲
• 推薦18個基於 HTML 5 Canvas 開發的圖表庫
• 五大主流瀏覽器 CSS3 和 HTML5 相容性大比拼

 

英文連結：Must-Read HTML5 Tutorials and Resources

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源