资讯频道 → Web前端
阅读更多

2顶
0踩

Web前端

转载新闻 优秀的HTML5实战教程，提升你的综合开发能力

2014-03-17 11:21 by 资深记者 学良3 评论(2) 有7590人浏览
html5 jquery javascript web html
HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者是一个想探索新的平台的游戏开发者，HTML5都值得你去研究它。借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步，你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。

这篇文章挑选了 Web 开发人员不能错过的10个 HTML5 开发教程，能够帮助你快速掌握 HTML5 高级开发技巧。

1. 使用HTML5 Canvas 和 JavaScript创建绘图App
这是一个很酷的教程，教你如何使用 Canvas 来创建自己的绘图应用程序。



2. 创建HTML5 iPhone App
另一个有用的教程将介绍如何构建一个 HTML5 iPhone 应用程序，一个俄罗斯方块游戏。



3. 使用 CSS3 和 jQuery 来构建一个自定义的 HTML5 视频播放器
了解如何构建自己的定制的 HTML5 视频播放器，并包装播放器作为一个 jQuery 插件。



4. HTML5 Apps：地理定位
学习和掌握 HTML5 的地理定位功能，并应用到你的下一个 HTML5 应用程序中。



5. 使用 HTML5 Audio 和 jQuery 创造的全屏幻灯片
这是迄今为止，我见过在网上最酷的教程之一。学习如何创建一个全屏的照片幻灯片效果。



6. 用 HTML5 canvas来创建一个页面翻转效果
学习如何使用 HTML5 的画布和 JavaScript 创建一个非常酷的“Flash 页面翻转”效果。



7. 熟练玩转 HTML5 File System API
看看这个教程，学习如何使用和实现文件系统 API，该 API 允许 Web 应用程序访问私有本地系统文件。



8. 创建一个移动优先的响应式 Web 设计
并学习如何设计移动优先的响应式网页设计，以及如何优化性能和灵活性，实现更佳的使用体验。



9. 用 Canvas 创造出精美的排版效果
Canvas 元素是 HTML5 最热门的功能之一。这个教程中，您将学习如何创建精美的排版​​效果。



10. HTML 的新的模板标签
本教程将向大家介绍如何使用前沿的 HTML5 模板标签技术，你准备好了吗？



本文转载自“梦想天空”的博客
原文：优秀的HTML5实战教程，提升你的综合开发能力
  • 大小: 22 KB
  • 大小: 18.6 KB
  • 大小: 17.4 KB
  • 大小: 20.3 KB
  • 大小: 31.8 KB
  • 大小: 16.8 KB
  • 大小: 15.4 KB
  • 大小: 15.5 KB
  • 大小: 21 KB
  • 大小: 16.8 KB
来自: CNBlog
2
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 shuhen2011 2014-04-10 12:09
英文有点吃力啊，还好代码都是共通的
1 楼 wade200 2014-03-19 09:20
占个沙发 虽然好多不懂 还是蛮厉害的 不明觉厉

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics