本文帶來 24 個實用的 web 前端開發(fā)教程,，涵蓋 HTML5,、CSS3,、jQuery 等技術(shù)，希望能夠幫你學習到一些新的技術(shù),，或為你的開發(fā)工作帶來一些靈感,。你可以通過圖片下面的鏈接來查看演示和詳細教程。

　　1.   使用 jQuery,、HTML5 和 CSS3 創(chuàng)建音頻播放器

　　演示 / 教程

　　2.   使用 jQuery,、HTML5 和 CSS3 創(chuàng)建視頻播放器

　　演示 / 教程

　　3.   制作可本地存儲信息的 HTML5 表單

　　演示 / 教程

　　4.   使用 HTML5 和 CSS3 創(chuàng)建非常酷的表單

　　演示 / 教程

　　5.   使用偽元素和自定義屬性創(chuàng)建 CSS3 菜單

　　演示 / 教程

　　6.   使用 CSS3 Transitions 創(chuàng)建虛化效果菜單

　　演示 / 教程

　　7.   HTML5 Gamepad（游戲手柄） API 入門

　　演示 / 教程

　　8.   使用 HTML5 和 CSS3 創(chuàng)建流式布局

　　演示 / 教程

　　9.   使用 CSS 3D Transforms 創(chuàng)建類似蘋果的登錄表單

　　演示 / 教程

　　10.   使用 jQuery 和 CSS3 創(chuàng)建圖像滑塊

　　演示 / 教程

　　11.   使用 CSS3 偽元素創(chuàng)建堆疊效果

　　演示 / 教程

　　12.   基于 HTML5 Canvas 和 jQuery 的圖片幻燈效果

　　演示 / 教程

　　13.   純 CSS 下拉菜單

　　演示 / 教程

　　14.   創(chuàng)建三角形效果

　　演示 / 教程

　　15.   CSS3 vs Photoshop：Transforms

　　演示 / 教程

　　16.   基于 CSS Transitions 的圓形懸浮效果

　　演示 / 教程

　　17.   創(chuàng)建手寫信風格的聯(lián)系人表單

　　演示 / 教程

　　18.   CSS 社交按鈕

　　演示 / 教程

　　19.   創(chuàng)新型的 Web 字體樣式

　　演示 / 教程

　　20.   HTML5 Slider 元素

　　演示 / 教程

　　21.   基于 CSS3 Transitions 和 Transforms 的表單

　　演示 / 教程

　　22.   使用 CSS3 實現(xiàn) Orman Clark 的垂直導航菜單

　　演示 / 教程

　　23.   彈出式的個人信息框

　　演示 / 教程

　　24.   使用 jQuery,、CSS3 和 HTML5 創(chuàng)建上傳表單

　　演示 / 教程