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

jopen 9年前

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

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

        7.   HTML5 Gamepad(游戏手柄) API 入门

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

        13.   纯 CSS 下拉菜单

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

        演示 / 教程

        14.   创建三角形效果

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

        演示 / 教程

        15.   CSS3 vs Photoshop:Transforms

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

        演示 / 教程

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

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

        演示 / 教程

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

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

        演示 / 教程

        18.   CSS 社交按钮

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

        演示 / 教程

        19.   创新型的 Web 字体样式

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

        演示 / 教程

        20.   HTML5 Slider 元素

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

        演示 / 教程

        21.   基于 CSS3 Transitions 和 Transforms 的表单

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

        演示 / 教程

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

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

        演示 / 教程

        23.   弹出式的个人信息框

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

        演示 / 教程

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

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

        演示 / 教程

        Via Queness

来自: www.iteye.com