10個HTML5 實戰教程 提升你的綜合開發能力
HTML5 作為下一代網站開發技術,無論你是一個 Web 開發人員或者想探索新的平臺的遊戲開發者,都值得去研究。藉助尖端功能,技術和 API,HTML5 允許你建立響應性、創新性、互動性以及令人驚歎的漂亮網站。更進一步,你也可以使用 HTML5 建立原來只能用於桌面平臺上的複雜應用程式。
這篇文章挑選了 Web 開發人員不能錯過的10個 HTML5 開發教程,能夠幫助你快速掌握 HTML5 高階開發技巧。
1. Create a drawing app with HTML5 Canvas and JavaScript
這是一個很酷的教程,教你如何使用 Canvas 來建立自己的繪圖應用程式。
2. How to Make an HTML5 iPhone App
另一個有用的教程將介紹如何構建一個 HTML5 iPhone 應用程式,一個俄羅斯方塊遊戲。
3. Building a custom HTML5 video player with CSS3 and jQuery
瞭解如何構建自己的定製的 HTML5 視訊播放器,幷包裝播放器作為一個 jQuery 外掛。
4. HTML5 Apps: Positioning with Geolocation
學習和掌握 HTML5 的地理定位功能,並應用到你的下一個 HTML5 應用程式中。
5. Fullscreen Slideshow with HTML5 Audio and jQuery
這是迄今為止,我見過在網上最酷的教程之一。學習如何建立一個全屏的照片幻燈片效果。
6. Create a page flip effect with HTML5 canvas
學習如何使用 HTML5 的畫布和 JavaScript 建立一個非常酷的“Flash 頁面翻轉”效果。
7. Toying with the HTML5 File System API
看看這個教程,學習如何使用和實現檔案系統 API,該 API 允許 Web 應用程式訪問私有本地系統檔案。
8. Creating a Mobile-First Responsive Web Design
並學習如何設計移動優先的響應式網頁設計,以及如何優化效能和靈活性,實現更佳的使用體驗。
9. Typographic effects in Canvas
Canvas 元素是 HTML5 最熱門的功能之一。這個教程中,您將學習如何建立精美的排版效果。
本教程將向大家介紹如何使用前沿的 HTML5 模板標籤技術,你準備好了嗎?
相關文章
- 提升你開發技能的 8 個提示
- 阿里開源HTML5小遊戲開發框架Hilo實戰教程阿里HTML遊戲開發框架
- 提升 Web開發效能的 10 個技巧Web
- 能夠快速提升 Python 開發技能的 4 個實戰專案Python
- Web 開發中應用 HTML5 技術的10個例項教程WebHTML
- 39個讓你受益的HTML5教程HTML
- 10個關於Android開發的實用教程Android
- 如何快速提升你的技術能力
- 微信後臺開發實戰教程
- 提升開發技能:10個高階的JavaScript技巧JavaScript
- 10 個你需要了解的最佳 javascript 開發實踐JavaScript
- 10個迅速提升你 Git 水平的提示Git
- 10 個迅速提升你 Git 水平的提示Git
- AngularJS開發實戰入門教程AngularJS
- 這個男人讓你的爬蟲開發效率提升8倍爬蟲
- 7招提升你的前端開發效率前端
- 功能測試怎麼提升測試開發能力?
- 提升程式設計能力的11個技巧程式設計
- 敏捷開發的6個實戰經驗敏捷
- GTest(基於YApi)介面研發效能提升10倍 實戰API
- React Native iOS混合開發實戰教程React NativeiOS
- 提升開發效率的十個工具
- 提升專案管理能力,你需要掌握這5個重點專案管理
- python爬蟲實戰教程-Python爬蟲開發實戰教程(微課版)Python爬蟲
- HTML5 遊戲開發基礎的教程HTML遊戲開發
- HTML5原生WebGL開發系列教程HTMLWeb
- HTML5 canvas遊戲開發實戰 5 : 石頭剪刀布HTMLCanvas遊戲開發
- HTML5遊戲開發進階 10:完成單人戰役HTML遊戲開發
- 最新《 java實戰開發俄羅斯方塊教程》Java
- React Native Android混合開發實戰教程React NativeAndroid
- 前端開發入門到實戰:HTML5進階FileReader的使用前端HTML
- 軟體開發人員如何提升自己的架構設計能力?架構
- 如何提升伺服器的高併發能力伺服器
- 《HTML5移動網站與App開發實戰》簡介HTML網站APP
- HTML5 canvas遊戲開發實戰 6 : 俄羅斯方塊HTMLCanvas遊戲開發
- 10個值得一試的iPhone應用開發教程iPhone
- 資料庫綜合開發實踐 (轉)資料庫
- tp5實戰開發仿黑糖部落格 免費開發教程