Web 前端開發精華文章集錦（jQuery、HTML五、CSS3）【系列十七】

原文地址：http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-17.html

　　《Web 前端開發精華文章推薦》2013年第五期（總第十七期）和你們見面了。夢想天空博客關注 前端開發 技術，分享各類加強網站用戶體驗的 jQuery 插件，展現前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，但願這些精心整理的前端技術文章可以幫助到您。

JavaScript

• 【乾貨分享】32本優秀的 JavaScript 免費電子書
• Verlet-js：超炫的開源 JavaScript 物理引擎
• 優秀教程：建立基於 Ajax 的文件拖放上傳功能
• Two.js – 爲現代瀏覽器而生的 2D 繪圖 API
• Squel.js – 基於 JavaScript 的 SQL 查詢構建器
• PathFinding.js – 綜合性的 JavaScript 路徑查找庫
• FlipClock.js 製做精美的時鐘、定時器和倒計時功能

jQuery

• Web 開發最有用的50款 jQuery 插件《圖片特效篇》
• jQuery.mmenu – 用於移動 Web 項目的光滑菜單
• jQuery 插件：用於移動項目的響應式音頻播放器
• Magnific Popup – 響應式 jQuery Lightbox 插件
• 使用 jQuery Tooltipster 建立現代感的工具提示效果
• jQuery.swatches – 把 Div 變成可愛的調色板
• jQuery Unveil – 另外一款很是輕量的延遲加載插件

HTML5

• 2013年主流瀏覽器 HTML5 和 CSS3 兼容性大比拼
• Aristochart – 靈活的 HTML5 Canvas 折線圖
• Popline：帥氣的浮動 HTML5 文本編輯器工具欄
• MontageJS：構建現代 Web App 的 HTML5 框架
• HTML Inspector – 幫助你編寫高質量的 HTML 代碼
• 2013 HTML5 峯會，屬於 HTML5 守望者的盛宴
• 年度盛宴系列——2012年最經典的10款 HTML5 遊戲

CSS3

• 你想不到的！CSS 實現的各類球體效果【附在線演示】
• Transit – 超平滑的 CSS 過渡和變換動畫效果插件
• Codrops 優秀教程：基於 CSS3 的全屏網頁過渡特效
• Codrops 教程：基於 CSS3 的精美模態窗口效果
• Minimit Anima – 優秀的硬件加速的 CSS3 動畫插件
• Codrops 優秀教程：CSS 3D Transforms 實現書本效果
• Effeckt.css – CSS3 Transitions & Animations 應用

精美素材

• 精品素材 – 24款扁平風格 PSD 格式圖標免費下載
• 22個有吸引力的價格，銷售，折扣標籤 PSD 文件
• 35套免費的 Web 和 Moible 設計素材套件《上集》
• 35套免費的 Web 和 Mobile 界面設計套件《下集》
• 『Photoshop 教程』提升排版技巧的文字效果教程
• 分享最新30個獨特的 404 錯誤頁面設計模板
• 一組免費的響應式 HTML5 & CSS3 網站模板

網頁設計

• 經典網頁設計：25個華麗的 CSS 網站做品案例
• 經典網頁設計：30個創意的 CSS 應用案例
• 在任何設備上都完美呈現的30個華麗的響應式網站
• 『時尚設計』40個漂亮的大照片背景網頁做品《上集》
• 『時尚設計』40個新穎的大圖片背景網頁做品《下集》
• 30個美麗乾淨的，幫助用戶專一於內容的網站設計
• 顏色在網頁設計中的重要性【附30個優秀案例】

實用工具

• 基於拖放佈局的 Twitter Bootstrap 網站生成器
• Sassaparilla – 簡單、快速的建立響應式網站
• Helios：一個可拓展的開源 iOS 移動後端開發框架
• SublimeLinter 編寫高質量 JavaScript & CSS 代碼
• Unicode Character Table – Unicode 字符大全
• FROONT – 超棒的可視化響應式網頁設計工具
• slid.es – 建立在線幻燈片和演示文稿的最佳途徑

創意欣賞

• 創意名片大全：26款創意的企業和我的名片設計
• 名片製做：推薦25款現代名片設計實例及模板
• 創意名片大全：一組精美的摺疊效果名片設計
• 設計前沿：向設計師推薦35款創意的 Twitter 封面
• 創意欣賞：國外35個獨特的露天廣告牌設計
• 『攝影欣賞』30幅美得使人窒息的精美倒影照片
• 分享60款驚豔的 iOS App 圖標設計《第四季》

其它文章

• 使用 Weinre 調試移動網站及 PhoneGap 應用
• Wayback Machine – 穿越互聯網，找回消失的網頁
• Ratchet – 驚豔無比的 iPhone 應用原型製做框架
• Jekyll – 基於純文本的開源靜態網站 & 博客系統
• 使用 Fries 建立性感的 Android 風格移動應用界面
• Selectize – 用於標籤和下拉列表功能的選擇控件
• FPSMeter – 簡單的、可定製主題的 FPS 儀表庫

同系列文章

• Web前端開發人員和設計師必讀文章推薦【系列一】
• Web前端開發人員和設計師必讀文章推薦【系列二】
• Web前端開發人員和設計師必讀文章推薦【系列三】
• Web前端開發人員和設計師必讀文章推薦【系列四】
• Web前端開發人員和設計師必讀文章推薦【系列五】
• Web前端開發人員和設計師必讀文章推薦【系列六】
• Web前端開發人員和設計師必讀文章推薦【系列七】
• Web前端開發人員和設計師必讀文章推薦【系列八】
• Web前端開發人員和設計師必讀文章推薦【系列九】
• Web前端開發人員和設計師必讀文章推薦【系列十】
• Web前端開發人員和設計師必讀文章推薦【系列十一】
• Web前端開發人員和設計師必讀文章推薦【系列十二】
• Web前端開發人員和設計師必讀文章推薦【系列十三】
• Web前端開發人員和設計師必讀文章推薦【系列十四】
• Web前端開發人員和設計師必讀文章推薦【系列十五】
• Web前端開發人員和設計師必讀文章推薦【系列十六】