Web 前端開發精華文章推薦（jQuery、HTML5、CSS3）【系列十四】

　　2013年第二期（總第十四期）《Web 前端開發人員和設計師必讀文章》和大家見面了。夢想天空博客關注 前端開發技術，分享各種增強網站用戶體驗的 jQuery插件，展示前沿的 HTML5和 CSS3技術應用，推薦優秀的 網頁設計案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心推薦的文章能夠幫助到您。

HTML5

• 年度盛宴——2012年最經典的10款 HTML5 遊戲

• 年度盛宴：2012年排名前20位的 CSS 網站作品

• 2012年排名前20的 HTML5 應用和網站作品

• 走進HTML5：20個驚豔的 HTML5 Canvas 應用試驗
  

• Web Lab——鼓舞人心的谷歌 Chrome 實驗室

• HTML5 之美：推薦9款優秀的 HTML5 音樂播放器

jQuery

• 12款經典的白富美型 jQuery 圖片輪播插件

• 提升網站檔次的時尚 jQuery 圖片滾動插件推薦

• 特別推薦：30個新鮮出爐的精美 jQuery 效果

• 10個讓人印象深刻的 jQuery 手風琴效果應用

• 6款用於移動網站開發的 jQuery 圖片滑塊插件

• Motio：簡單但功能強大的的 jQuery 精靈動畫插件

JavaScript

• 強大的矢量圖形庫：Raphael JS 中文幫助文檔及教程

• JavaScript 矢量圖表庫：兩行代碼實現精美圖表

• Regexper：牛逼的 JavaScript 正則可視化工具

• JavaScript 項目構建工具 Grunt 實踐：安裝和創建項目

• JavaScript 項目構建工具 Grunt 實踐：任務和指令

• JavaScript 項目構建工具 Grunt 實踐：合併文件

CSS3

• 年度盛宴——2012年最精彩的15個 CSS3 教程

• CSS3 探索發現系列：打造一組閃亮的半透明按鈕效果

• CSS3 經典教程系列：CSS3 RGBA 用法詳解

• CSS3 經典教程系列：CSS3 圓角（border-radius）詳解

• CSS3 經典教程系列：CSS3 陰影（text-shadow）詳解

• Profound Grid：實現固定和流動佈局的響應式網格系統

網頁設計素材

• 網頁素材精品：40套很漂亮的紋理背景圖片

• 270款圓滑的 Twitter Boostrap 矢量圖標

• 乾貨分享：20款精美的手機網站模板下載

• 50個高質量的 PSD 素材免費下載《上篇》

• 50套高質量的 PSD 素材免費下載《下篇》

• 25款創新和免費的精美 CSS 網站模板下載

網頁設計欣賞

• 太有才了！史上最有創意的404頁面設計集錦

• 優秀網頁設計：使用紋理的20個華麗示例

• 2012年度最獨特的網頁設計作品展示《上篇》

• 2012年度最獨特的網頁設計作品展示《中篇》

• 2012年度最獨特的網頁設計作品展示《下篇》

• 經典網頁設計：20個精美的國外單頁網站作品

網頁設計案例

• 經典網頁設計：激發你靈感的20個多彩的網頁作品

• 經典回顧：2012年度最佳網頁設計作品出爐【上篇】

• 經典回顧：2012年度最佳網頁設計作品出爐【下篇】

• 優秀案例：20個銷售頂級名鞋的電子商務網站

• 談談構建單頁佈局網站的創意技術——附優秀案例

• 經典網站設計：10個獨具創意的網站頭部設計示例

英文字體資源

• 免費字體大寶庫：16款燃燒的火焰效果英文字體

• 年度榜單：2012年最流行的28款免費英文字體素材

• 高品質免費字體集錦：25款英文藝術字體下載

• 字體大寶庫：10款有趣的精美節日字體下載

• 新鮮出爐：2012年度最好看的英文字體免費下載

• 精品英文字體：20款免費的的聖誕節藝術字體

創意設計欣賞

• 創意名片大全：一組精美的摺疊效果名片設計

• 45款唯美的蘋果 iOS 應用程序圖標設計

• 國外創意日曆：令人驚歎的2013年日曆設計

• 佳作欣賞：25個令人驚歎的手工紙藝術品

• 45款超級唯美的蘋果 iOS 應用程序圖標設計

• 創意欣賞：30幅非常有創意的字體排布藝術作品

高清桌面壁紙

• 高清壁紙：2013年1月日曆桌面壁紙免費下載

• 精美高清壁紙：2013年2月桌面日曆壁紙免費下載

• 高清壁紙大全：2013年桌面日曆壁紙免費下載

• 高清壁紙大全：2012年聖誕節桌面壁紙免費下載

• 高清壁紙大全：2013年新年桌面壁紙免費下載【上篇】

• 高清壁紙大全：2013年精美新年壁紙免費下載【下篇】

其它推薦文章

• 乾貨集錦——前端大牛 Addy Osmani 的15個精彩PPT

• Win7 安裝 IE10 後藍屏重啓及瀏覽器出現黑條的解決辦法

• 那些幫助你成爲優秀前端工程師的講座——《基礎篇》

• 那些幫助你成爲優秀前端工程師的講座——《CSS篇》

• 那些幫助你成爲優秀前端工程師的講座——《JavaScript篇》

• 實用技巧：Google 搜索打不開的解決方法【圖文教程】

同系列文章

• Web前端開發人員和設計師必讀文章推薦【系列一】

• Web前端開發人員和設計師必讀文章推薦【系列二】

• Web前端開發人員和設計師必讀文章推薦【系列三】

• Web前端開發人員和設計師必讀文章推薦【系列四】

• Web前端開發人員和設計師必讀文章推薦【系列五】

• Web前端開發人員和設計師必讀文章推薦【系列六】

• Web前端開發人員和設計師必讀文章推薦【系列七】

• Web前端開發人員和設計師必讀文章推薦【系列八】

• Web前端開發人員和設計師必讀文章推薦【系列九】

• Web前端開發人員和設計師必讀文章推薦【系列十】

• Web前端開發人員和設計師必讀文章推薦【系列十一】

• Web前端開發人員和設計師必讀文章推薦【系列十二】

• Web前端開發人員和設計師必讀文章推薦【系列十三】

本文鏈接：Web 前端開發人員和設計師必讀文章【系列十四】

文章來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源