24 个实用的 HTML5 前端开发教程

24 个实用的 HTML5 前端开发教程

投递人 itwriter 发布于 2012-12-29 01:20 评论(0) 有46人阅读  原文链接  [收藏]  ? ?

　　本文带来 24 个实用的 web 前端开发教程，涵盖 HTML5、CSS3、jQuery 等技术，希望能够帮你学习到一些新的技术，或为你的开发工作带来一些灵感。你可以通过图片下面的链接来查看演示和详细教程。

　　1.   使用 jQuery、HTML5 和 CSS3 创建音频播放器

　　演示 / 教程

　　2.   使用 jQuery、HTML5 和 CSS3 创建视频播放器

　　演示 / 教程

　　3.   制作可本地存储信息的 HTML5 表单

　　演示 / 教程

　　4.   使用 HTML5 和 CSS3 创建非常酷的表单

　　演示 / 教程

　　5.   使用伪元素和自定义属性创建 CSS3 菜单

　　演示 / 教程

　　6.   使用 CSS3 Transitions 创建虚化效果菜单

　　演示 / 教程

　　7.   HTML5 Gamepad（游戏手柄） API 入门

　　演示 / 教程

　　8.   使用 HTML5 和 CSS3 创建流式布局

　　演示 / 教程

　　9.   使用 CSS 3D Transforms 创建类似苹果的登录表单

　　演示 / 教程

　　10.   使用 jQuery 和 CSS3 创建图像滑块

　　演示 / 教程

　　11.   使用 CSS3 伪元素创建堆叠效果

　　演示 / 教程

　　12.   基于 HTML5 Canvas 和 jQuery 的图片幻灯效果

　　演示 / 教程

　　13.   纯 CSS 下拉菜单

　　演示 / 教程

　　14.   创建三角形效果

　　演示 / 教程

　　15.   CSS3 vs Photoshop：Transforms

　　演示 / 教程

　　16.   基于 CSS Transitions 的圆形悬浮效果

　　演示 / 教程

　　17.   创建手写信风格的联系人表单

　　演示 / 教程

　　18.   CSS 社交按钮

　　演示 / 教程

　　19.   创新型的 Web 字体样式

　　演示 / 教程

　　20.   HTML5 Slider 元素

　　演示 / 教程

　　21.   基于 CSS3 Transitions 和 Transforms 的表单

　　演示 / 教程

　　22.   使用 CSS3 实现 Orman Clark 的垂直导航菜单

　　演示 / 教程

　　23.   弹出式的个人信息框

　　演示 / 教程

　　24.   使用 jQuery、CSS3 和 HTML5 创建上传表单

　　演示 / 教程