《Web 前端開發精華文章推薦》自2011年6月20號發布第一期以來，歷經三年半，總共發布了30期。今天這篇是2014年第10期（總第31期），希望你能在這里發現有用的資料。
夢想天空博客關注前端開發技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。
HTML5 & CSS3
- 精選9個值得學習的 HTML5 效果【附源碼】
- 精選12個時尚的 CSS3 效果【附源碼下載】
- Canvas 示例：4種超炫的網站動畫背景效果
- 應用 CSS3 動畫實現12種風格的通知提示
- 實用圖片滑塊，傳送帶，幻燈片效果【附源碼】
- Waves – 贊！超炫交互體驗的點擊動畫效果
- 如何使用 HTML5 Canvas 制作水波紋效果
- 創建響應式布局的10款優秀網格工具集錦
- 為網格布局圖片打造的超炫 CSS 加載動畫
- Trianglify - 生成五彩繽紛的 SVG 背景圖案
- 學習使用 CSS3 制作網站面包屑導航效果
- 使用 CSS3 偽元素實現立體的照片堆疊效
- 基於純 CSS3 技術實現美觀的標簽雲效果
- 推薦20個很有幫助的 Web 前端開發教程
- 移動 Web 開發必備！時尚的 Off Canvas 導航
jQuery 插件
- 分享5種風格的 jQuery 分頁效果【附代碼】
- 20款美化網站的 jQuery Lightbox 燈箱插件
- Sequence.js 實現帶有視差滾動特效的圖片滑塊
- Flexslider - 響應式的 jQuery 內容滾動插件
- 使用 jQuery & CSS3 實現翻轉的作品集滑塊
- 酷！使用 jQuery & Canvas 制作相機快門效果
- jQuery 特效：盒子破碎和移動動畫效果
- FancyBox - 經典的 jQuery Lightbox 插件
- Sequence.js - 適合電子商務網站的圖片滑塊
- Infinite Scroll - jQuery & WP 無限滾動插件
- 精致3D圖片切換效果，最適合企業產品展示
- 過去幾個月出爐的30款最喜歡的 jQuery 插件
- Arctext.js - 基於 CSS3 & jQuery 的文本彎曲效果
JS 框架和工具
- FingerprintJS - 在瀏覽器端實現指紋識別
- SweetAlert – 替代 Alert 的漂亮的提示效果
- AngularJS 五大特性，加快 Web 應用開發
- pagePiling.js - 創建漂亮的全屏滾動效果
- BitcoinJS - 支持比特幣交易的 JavaScript 庫
- GOCR.js – 使用 JS 識別出圖片中的文本
- imagesLoaded – 檢測網頁中的圖片是否加載
- 使用 FocusPoint.js 實現圖片的響應式裁剪
- GifShot - 創建動態 GIF 的 JavaScript 庫
- ClockPicker – 時鍾風格 Bootstrap 時間選擇器
- Strip JS – 低侵入，響應式的 Lightbox 效果
- Midnight.js – 實現奇妙的固定頭部切換效果
- Ocrad.js – JS 實現 OCR 光學字符識別
創意設計
- 帶給您靈感的25個最新鮮的 HTML5 網站
- 使用虛擬按鈕（Ghost Buttons）的25個網站
- 20個使用柔和的色調的優秀網站設計示例
- 25個精美的創意機構和設計工作室網站案例
- 20個華麗的時間軸例子，尋找網頁設計靈感
- 25個超簡約風格的國外酷站設計案例
- 你會喜歡的30個美味的食品和飲料網站
- 你知道嗎？世界上絕美神奇的25條路
- 世界上最瘋狂10個建造中的摩天大樓
- 攝影師告訴你水其實是可以雕塑的【組圖】
網站素材
- 30款最好的 Bootstrap 3.0 免費主題和模板
- 30套免費的響應式 HTML5 & CSS3 模板下載
- 12個免費的 Twitter Bootstrap 后台模板
- 精品素材：WALK & RIDE 單頁網站模板下載
- 蘋果官方發布，iPhone 6 & Plus 設計素材
- 免費素材下載：iOS 8 矢量 UI 素材套件
- 設計師收藏的20款英文手寫字體【免費下載】
- 免費下載：用於原型設計的 iOS 7 線框圖
- iOS 8 界面設計 PSD 模板，免費下載
- Jellycons – iOS 8 圖標下載（PNG, SKETCH）
實用工具
- HTML Minifier - 靈活的在線 HTML 壓縮工具
- Csstyle - 創建簡潔、可維護強的 CSS 樣式
- 谷歌打不開？最新的 Google Hosts 文件配置
- 知道嗎？9個搜索引擎優化（SEO）最佳實踐
- DomFlags - 給 DOM 添加書簽，方便調試
- FreeIconMaker - 在線創建免費和時尚的圖標
- PerfMap – 顯示前端網站性能的熱力圖插件
- Hello.js – Web 服務授權的 JavaScript SDK
同系列文章
- Web 前端開發人員和設計師必讀文章推薦【系列一】
- Web 前端開發人員和設計師必讀文章推薦【系列二】
- Web 前端開發人員和設計師必讀文章推薦【系列三】
- Web 前端開發人員和設計師必讀文章推薦【系列四】
- Web 前端開發人員和設計師必讀文章推薦【系列五】
- Web 前端開發人員和設計師必讀文章推薦【系列六】
- Web 前端開發人員和設計師必讀文章推薦【系列七】
- Web 前端開發人員和設計師必讀文章推薦【系列八】
- Web 前端開發人員和設計師必讀文章推薦【系列九】
- Web 前端開發人員和設計師必讀文章推薦【系列十】
- Web 前端開發人員和設計師必讀文章推薦【系列十一】
- Web 前端開發人員和設計師必讀文章推薦【系列十二】
- Web 前端開發人員和設計師必讀文章推薦【系列十三】
- Web 前端開發人員和設計師必讀文章推薦【系列十四】
- Web 前端開發人員和設計師必讀文章推薦【系列十五】
- Web 前端開發人員和設計師必讀文章推薦【系列十六】
- Web 前端開發人員和設計師必讀文章推薦【系列十七】
- Web 前端開發人員和設計師必讀文章推薦【系列十八】
- Web 前端開發人員和設計師必讀文章推薦【系列十九】
- Web 前端開發人員和設計師必讀文章推薦【系列二十】
- Web 前端開發人員和設計師必讀文章推薦【系列二十一】
- Web 前端開發人員和設計師必讀文章推薦【系列二十二】
- Web 前端開發人員和設計師必讀文章推薦【系列二十三】
- Web 前端開發人員和設計師必讀文章推薦【系列二十四】
- Web 前端開發人員和設計師必讀文章推薦【系列二十五】
- Web 前端開發人員和設計師必讀文章推薦【系列二十六】
- Web 前端開發人員和設計師必讀文章推薦【系列二十七】
- Web 前端開發人員和設計師必讀文章推薦【系列二十八】
- Web 前端開發人員和設計師必讀文章推薦【系列二十九】
- Web 前端開發人員和設計師必讀文章推薦【系列三十】