Web 開發中應用 HTML5 技術的10個例項教程

weixin_34417183發表於2014-01-18

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

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

您可能感興趣的相關文章

 

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 表單也是重要內容,瞭解如何用更少的程式碼建立更多的可用的表單。

 

您可能感興趣的相關文章

 

本文連結:在 Web 開發中應用 HTML5 技術的10個例項教程

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

相關文章