HTML5 作為下一代網站開發技術，無論你是一個?Web?開發人員或者想探索新的平臺的游戲開發者，都值得去研究。借助尖端功能，技術和 API，HTML5?允許你創建響應性、創新性、互動性以及令人驚嘆的漂亮網站。更進一步，你也可以使用 HTML5 創建原來只能用于桌面平臺上的復雜應用程序。

　　這篇文章挑選了適合中級開發者的10個 HTML5 進階教程，帶你深入學習 HTML5 技術在 Web 開發中的實際應用。

您可能感興趣的相關文章

• 35個讓人驚訝的 CSS3 動畫效果演示
• 8個驚艷的 HTML5 和 JavaScript 特效
• 20個驚艷的 HTML5 Canvas 應用試驗
• 10套精美的免費網站后臺管理系統模板
• 29款基于 HTML5 Canvas 的網頁游戲

?

1.?HTML5 game tutorial?

學會使用 HTML5 Canvas 做一個基本貪吃蛇游戲，以及如何使用 jQuery 實現鍵盤控制游戲。

?

2.?Bouncing a Ball Around with HTML5 and JavaScript

Canvas 元素是 HTML5 標準中最強大的元素之一。在這個教程中，您將學習如何通過一個有趣的例子來使用它。

?

3.?Coding An HTML 5 Layout From Scratch

了解如何使用“優雅降級”和“漸進增強”技術來實現一個夢幻般的，跨瀏覽器的 HTML5 & CSS3 的網站。

?

4.?Create an HTML5 Canvas Tile Swapping Puzzle

了解如何使用 HTML5 Canvas 和 JavaScript 來創作一個充滿活力的瓷磚交換游戲。

?

5.?Create a Minimal Coming Soon Page using HTML5 and CSS3

按照本教程中的步驟以簡約的風格和淡雅的色調使用 HTML5 和 CSS3 創建一個預告頁面。

?

6.?Create An Elegant Website With HTML 5 And CSS3

學習如何建立一個具有專業水準的博客或作品集網站，以展示你的作品。

?

7.?Create Your Portfolio Gallery Using HTML5 Canvas

建立一個照片庫，并通過 HTML5 的畫布和 CSS3 過渡增強效果。如果您的網站有圖片庫，你一定要了解如何創建這個漂亮的懸停效果。

?

8.?Creating a Minimal Blog Design Using HTML5, CSS3 and jQuery

這個教程來學習如何使用 HTML5，CSS3 和 jQuery?創建一個簡約的布局的博客。

?

9.?How to create water Ripple effect using HTML5 canvas

看看這個教程，學習如何在圖像上點擊的時候創造出一些漂亮的水滴。

?

10.?Rethinking Forms in HTML5

HTML5 表單也是重要內容，了解如何用更少的代碼創建更多的可用的表單。

?

您可能感興趣的相關文章

• 35款非常優秀的基于 HTML5 網頁游戲
• 讓人愛不釋手的Web應用程序圖標素材
• 10套精美的免費網站后臺管理系統模板
• 期待已久的2012年度 jQuery 插件揭曉
• 10大流行的 Metro UI Bootstrap 主題

?

本文鏈接：在 Web 開發中應用 HTML5 技術的10個實例教程

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

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的Web 开发中应用 HTML5 技术的10个实例教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。