24 個實用的 HTML5 前端開發教程

本文帶來 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 創建上傳表單

        演示 / 教程

        Via Queness