前端工程師和設計師必讀文章推薦【系列三十二】

　　《Web 前端開發精華文章推薦》自2011年6月20号釋出第一期以來，曆經三年半，總共釋出了30多期。今天這篇是2015年第1期（總第32期），希望你能在這裡發現有用的資料。

<a href="http://www.cnblogs.com/lhb25/p/20-docs-guides-front-end-developers.html" target="_blank">前端開發者喜歡的20個學習文檔和指南</a>

<a href="http://www.cnblogs.com/lhb25/p/animated-checkboxes-with-svg.html" target="_blank">使用 SVG 制作單選和多選框動畫【附源碼】</a>

<a href="http://www.cnblogs.com/lhb25/p/css-tools-for-accelerated-development.html" target="_blank">推薦35款加速網站開發的 CSS 開發工具</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-canvas-blob-effect.html" target="_blank">使用 HTML5 Canvas 繪制出驚豔的水滴效果</a>

<a href="http://www.cnblogs.com/lhb25/p/css3-concat-form.html" target="_blank">CSS3 過渡特性建立信封效果的聯系表單</a>

<a href="http://www.cnblogs.com/lhb25/p/animated-buttons-with-css3.html" target="_blank">使用 CSS3 制作一組逾時尚的動畫按鈕效果</a>

<a href="http://www.cnblogs.com/lhb25/p/jquery-calendar-countdown.html" target="_blank">jQuery 制作逼真的月曆翻轉效果的倒計時</a>

<a href="http://www.cnblogs.com/lhb25/p/15-responsive-navigation-jquery-plugins.html" target="_blank">15款幫助你實作響應式導航的 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/elegant-accordion-with-jquery-and-css3.html" target="_blank">使用 jQuery &amp; CSS3 實作優雅的手風琴效果</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/02/26/jquery-modal-box-plugin-ilightbox.html" target="_blank">印象深刻的 jQuery 模态框插件 – iLightBox</a>

<a href="http://www.cnblogs.com/lhb25/p/vertical-sliding-accordion.html" target="_blank">基于 jQuery 實作垂直滑動的手風琴效果</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/12/16/smart-input-field-position-indicator-jquery-plugin.html" target="_blank">基于 jQuery &amp; CSS3 智能提示輸入光标位置</a>

<a href="http://www.cnblogs.com/lhb25/p/amazing-javascript-experiments.html" target="_blank">充滿想象力的 JavaScript 實體和重力實驗</a>

<a href="http://www.cnblogs.com/lhb25/p/grid-tools-for-responsive-web-designs-three.html" target="_blank">推薦12個建立響應式布局的優秀網格架構</a>

<a href="http://www.cnblogs.com/lhb25/p/responsive-progressbar-with-svg.html" target="_blank">ProgressBar.js – 漂亮的響應式 SVG 進度條</a>

<a href="http://www.cnblogs.com/lhb25/p/animate-svg-images-line-path-elements.html" target="_blank">Walkway.js – 用線條制作簡約的 SVG 動畫</a>

<a href="http://www.cnblogs.com/lhb25/p/building-interactive-web-interfaces.html" target="_blank">Vue.js – 基于 MVVM 實作互動式的 Web 界面</a>

<a href="http://www.cnblogs.com/lhb25/p/formatting-and-manipulating-numbers.html" target="_blank">Numeral.js – 格式化數字的 JavaScript 庫</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/12/05/12-essential-countdown-timer-scripts.html" target="_blank">12個效果精美的 JavaScript 倒計時腳本</a>

<a href="http://www.cnblogs.com/lhb25/p/20-jquery-and-css-text-effect-plugins.html" target="_blank">20款基于 jQuery &amp; CSS 的文本效果插件</a>

<a href="http://www.cnblogs.com/lhb25/p/25-amazing-portfolio-websites-inspire.html" target="_blank">25個精美的個人作品集網站，激發靈感</a>

<a href="http://www.cnblogs.com/lhb25/p/24-winning-webpage-design.html" target="_blank">引領趨勢！最新潮的24個獲獎網頁作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25/p/examples-of-parallax-scrolling-websites.html" target="_blank">神奇的滾動動畫，30個視差滾動網站設計</a>

<a href="http://www.cnblogs.com/lhb25/p/25-flat-logo-designs.html" target="_blank">你會喜歡的25個創意的扁平化 LOGO 設計</a>

<a href="http://www.cnblogs.com/lhb25/p/15-modern-single-page-flat-design.html" target="_blank">分享15個現代風格的單頁扁平化網站設計</a>

<a href="http://www.cnblogs.com/lhb25/p/css3-websites-design.html" target="_blank">全球酷站秀：15個頂尖的 CSS3 網站作品</a>

<a href="http://www.cnblogs.com/lhb25/p/textured-website-designs.html" target="_blank">紋理在網頁設計中的20個優秀應用示例</a>

<a href="http://www.cnblogs.com/lhb25/p/beautiful-examples-of-colorful-websites.html" target="_blank">五彩缤紛！13個學習網站配色技巧的案例</a>

<a href="http://www.cnblogs.com/lhb25/p/free-responsive-html5-css3-templates.html" target="_blank">15款免費的 HTML5/CSS3 響應式網頁模闆</a>

<a href="http://www.cnblogs.com/lhb25/p/free-html5-responsive-templates.html" target="_blank">20款響應式的 HTML5 網頁模闆【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/10-best-new-free-fonts.html" target="_blank">英文字型免費下載下傳：10款最新的高品質字型</a>

<a href="http://www.cnblogs.com/lhb25/p/20-fresh-flat-ui-designs-free-to-download.html" target="_blank">20套最新的扁平界面設計素材【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/free-responsive-mobile-website-templates.html" target="_blank">分享12款響應式的移動網站模闆免費下載下傳</a>

<a href="http://www.cnblogs.com/lhb25/p/user-interface-designs-for-iphone-apps.html" target="_blank">26款能夠吸引使用者的 iPhone App 界面設計</a>

<a href="http://www.cnblogs.com/lhb25/p/10-essential-sublime-text-plugins.html" target="_blank">全棧開發必備的10款 Sublime Text 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/15-best-bootstrap-tools-for-designers.html" target="_blank">15款最好的 Twitter Bootstrap 開發工具</a>

<a href="http://www.cnblogs.com/lhb25/p/nibbler-free-tool-testing-websites.html" target="_blank">ibbler – 免費的網站測試和名額評分工具</a>

<a href="http://www.cnblogs.com/lhb25/p/wordpress-plugin-boilerplate.html" target="_blank">使用 WordPress 插件模闆開發高品質插件</a>

<a href="http://www.cnblogs.com/lhb25/p/free-open-source-xmpp-chat-client.html" target="_blank">Converse.js – 開源的 XMPP 聊天用戶端</a>

<a href="http://www.cnblogs.com/lhb25/p/turns-mockups-into-prototypes.html" target="_blank">Framer – 将視覺搞轉換為更真實的動态原型</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/06/20/must-read-links-for-web-designers-and-developers-volume-1.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列一】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/13/must-read-links-for-web-designers-and-developers-volume-2.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/31/must-read-links-for-web-designers-and-developers-volume-3.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列三】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/09/19/must-read-links-for-web-designers-and-developers-volume-4.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列四】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-5.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列五】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-6.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列六】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-7.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列七】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-8.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列八】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/06/19/must-read-links-for-web-designers-and-developers-volume-9.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列九】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/06/19/must-read-links-for-web-designers-and-developers-volume-10.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/11/06/must-read-links-for-web-designers-and-developers-volume-11.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十一】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/11/06/must-read-links-for-web-designers-and-developers-volume-12.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十二】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/02/25/must-read-links-for-web-designers-and-developers-volume-13.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十三】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/03/25/must-read-links-for-web-designers-and-developers-volume-14.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十四】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/04/23/must-read-links-for-web-designers-and-developers-volume-15.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十五】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/05/22/must-read-links-for-web-designers-and-developers-volume-16.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十六】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/05/22/must-read-links-for-web-designers-and-developers-volume-17.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十七】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-18.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十八】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-19.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十九】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-20.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-21.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十一】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-22.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十二】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-23.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十三】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-24.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十四】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-25.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十五】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-26.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十六】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-27.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十七】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-28.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十八】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-29.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十九】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-30.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列三十】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-31.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列三十一】</a>

歡迎任何形式的轉載，但請務必注明出處。