HTML5 作為下一代網(wǎng)站開發(fā)技術(shù)，無論你是一個(gè)?Web?開發(fā)人員或者想探索新的平臺(tái)的游戲開發(fā)者，都值得去研究。借助尖端功能，技術(shù)和 API，HTML5?允許你創(chuàng)建響應(yīng)性、創(chuàng)新性、互動(dòng)性以及令人驚嘆的漂亮網(wǎng)站。更進(jìn)一步，你也可以使用 HTML5 創(chuàng)建原來只能用于桌面平臺(tái)上的復(fù)雜應(yīng)用程序。

　　這篇文章挑選了適合中級(jí)開發(fā)者的10個(gè) HTML5 進(jìn)階教程，帶你深入學(xué)習(xí) HTML5 技術(shù)在 Web 開發(fā)中的實(shí)際應(yīng)用。

您可能感興趣的相關(guān)文章

• 35個(gè)讓人驚訝的 CSS3 動(dòng)畫效果演示
• 8個(gè)驚艷的 HTML5 和 JavaScript 特效
• 20個(gè)驚艷的 HTML5 Canvas 應(yīng)用試驗(yàn)
• 10套精美的免費(fèi)網(wǎng)站后臺(tái)管理系統(tǒng)模板
• 29款基于 HTML5 Canvas 的網(wǎng)頁游戲

?

1.?HTML5 game tutorial?

學(xué)會(huì)使用 HTML5 Canvas 做一個(gè)基本貪吃蛇游戲，以及如何使用 jQuery 實(shí)現(xiàn)鍵盤控制游戲。

?

2.?Bouncing a Ball Around with HTML5 and JavaScript

Canvas 元素是 HTML5 標(biāo)準(zhǔn)中最強(qiáng)大的元素之一。在這個(gè)教程中，您將學(xué)習(xí)如何通過一個(gè)有趣的例子來使用它。

?

3.?Coding An HTML 5 Layout From Scratch

了解如何使用“優(yōu)雅降級(jí)”和“漸進(jìn)增強(qiáng)”技術(shù)來實(shí)現(xiàn)一個(gè)夢幻般的，跨瀏覽器的 HTML5 & CSS3 的網(wǎng)站。

?

4.?Create an HTML5 Canvas Tile Swapping Puzzle

了解如何使用 HTML5 Canvas 和 JavaScript 來創(chuàng)作一個(gè)充滿活力的瓷磚交換游戲。

?

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

按照本教程中的步驟以簡約的風(fēng)格和淡雅的色調(diào)使用 HTML5 和 CSS3 創(chuàng)建一個(gè)預(yù)告頁面。

?

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

學(xué)習(xí)如何建立一個(gè)具有專業(yè)水準(zhǔn)的博客或作品集網(wǎng)站，以展示你的作品。

?

7.?Create Your Portfolio Gallery Using HTML5 Canvas

建立一個(gè)照片庫，并通過 HTML5 的畫布和 CSS3 過渡增強(qiáng)效果。如果您的網(wǎng)站有圖片庫，你一定要了解如何創(chuàng)建這個(gè)漂亮的懸停效果。

?

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

這個(gè)教程來學(xué)習(xí)如何使用 HTML5，CSS3 和 jQuery?創(chuàng)建一個(gè)簡約的布局的博客。

?

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

看看這個(gè)教程，學(xué)習(xí)如何在圖像上點(diǎn)擊的時(shí)候創(chuàng)造出一些漂亮的水滴。

?

10.?Rethinking Forms in HTML5

HTML5 表單也是重要內(nèi)容，了解如何用更少的代碼創(chuàng)建更多的可用的表單。

?

您可能感興趣的相關(guān)文章

• 35款非常優(yōu)秀的基于 HTML5 網(wǎng)頁游戲
• 讓人愛不釋手的Web應(yīng)用程序圖標(biāo)素材
• 10套精美的免費(fèi)網(wǎng)站后臺(tái)管理系統(tǒng)模板
• 期待已久的2012年度 jQuery 插件揭曉
• 10大流行的 Metro UI Bootstrap 主題

?

本文鏈接：在 Web 開發(fā)中應(yīng)用 HTML5 技術(shù)的10個(gè)實(shí)例教程

編譯來源：夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計(jì)資源

更多專業(yè)前端知識(shí)，請上 【猿2048】www.mk2048.com

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。