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

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

<a href="http://www.cnblogs.com/lhb25/p/wee-a-tiny-blueprint-for-modern-web-development.html">Wee – 為現代 Web 開發打造的 CSS 腳手架</a>

<a href="http://www.cnblogs.com/lhb25/p/a-mini-library-of-page-scroll-effects.html">Page Scroll Effects - 簡單的頁面滾動效果</a>

<a href="http://www.cnblogs.com/lhb25/p/colors-and-create-responsive-css-gradient.html">Gradify - 提取圖檔顔色，建立響應式的 CSS漸變</a>

<a href="http://www.cnblogs.com/lhb25/p/apple-watch-like-mickey-watch.html">太可愛了！CSS3 &amp; SVG 制作的米老鼠鐘表</a>

<a href="http://www.cnblogs.com/lhb25/p/how-to-create-an-elastic-svg-progress-loading-bar.html">類似 Dribbble 下載下傳按鈕的 SVG 彈性動畫進度條</a>

<a href="http://www.cnblogs.com/lhb25/p/creating-material-design-ripple-effects-svg.html">學習使用 SVG 建立材料設計漣漪（Ripple）效果</a>

<a href="http://www.cnblogs.com/lhb25/p/lightweight-customizable-css-lightbox-gallery-plugin.html">輕量的、可自定義 CSS 的 Lightbox 相冊插件</a>

<a href="http://www.cnblogs.com/lhb25/p/color-extraction-experiment-using-vibrant-js.html">Codrops 實驗：使用 Vibrant.js 提取圖像顔色</a>

<a href="http://www.cnblogs.com/lhb25/p/15-awesome-css3-text-effects.html">Cool！15個超炫的 CSS3 文本特效【上篇】</a>

<a href="http://www.cnblogs.com/lhb25/p/15-awesome-css3-text-effects-b.html">Cool！15個創意的 CSS3 文本效果【下篇】</a>

<a href="http://www.cnblogs.com/lhb25/p/popmotion-a-12kb-javascript-motion-engine.html">Popmotion – 靈活的 JavaScript 運動引擎</a>

<a href="http://www.cnblogs.com/lhb25/p/15-javascript-frameworks.html">15款加速 Web 開發的 JavaScript 架構</a>

<a href="http://www.cnblogs.com/lhb25/p/javascript-library-to-create-physics-based-animations.html">Dynamics.js - 建立逼真的實體動畫的 JS 庫</a>

<a href="http://www.cnblogs.com/lhb25/p/24-nodejs-tuts-and-guides.html">24個很贊的 Node.js 免費教程和線上指南</a>

<a href="http://www.cnblogs.com/lhb25/p/20-free-angular-resources-tutorials.html">20個免費的 AngularJS 資源和開發教程</a>

<a href="http://www.cnblogs.com/lhb25/p/camanjs-image-manipulation-in-javascript.html">CamanJS – 提供各種圖檔處理的 JavaScript 庫</a>

<a href="http://www.cnblogs.com/lhb25/p/20-exciting-jquery-mobile-plugins-for-2015.html">分享20款移動開發中很有用的 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/a-modern-approach-to-copy-text-to-clipboard.html">Clipboard.js – 現代方式實作複制文本到剪貼闆</a>

<a href="http://www.cnblogs.com/lhb25/p/eslint-the-pluggable-linting-utility.html">ESLint – 可擴充的 JavaScript &amp; JSX 校驗工具</a>

<a href="http://www.cnblogs.com/lhb25/p/simple-to-use-jquery-plugin-to-animate-svg-paths.html">DrawSVG - SVG 路徑動畫 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/free-download-do-ui-kit-with-250-components.html">免費素材：包含 250+ 元件的 DO UI Kit</a>

<a href="http://www.cnblogs.com/lhb25/p/free-magazine-mockup-psds.html">在你設計中可能用到的20個雜志 PSD 原型</a>

<a href="http://www.cnblogs.com/lhb25/p/15-free-valentine-vectors-youre-gonna-love.html">設計師們會喜歡的15套情人節素材</a>

<a href="http://www.cnblogs.com/lhb25/p/gorgeous-free-geometric-fonts-to-download.html">20款華麗的幾何形狀字型【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/layouts-website-animation.html">提升使用者體驗！29個使用動畫效果的網站布局</a>

<a href="http://www.cnblogs.com/lhb25/p/horizontal-scrolling-sites-youll-love.html">25個你會喜歡的創新的水準滾動網站設計欣賞</a>

<a href="http://www.cnblogs.com/lhb25/p/frameworks-for-accelerated-development.html">分享最新15個加速 Web 開發的架構和工具</a>

<a href="http://www.cnblogs.com/lhb25/p/responsive-web-design-testing-tools.html">推薦15款最佳的響應式 Web 設計測試工具</a>

<a href="http://www.cnblogs.com/lhb25/p/tabio-effortless-tab-management-for-chrome.html">Tabio – 輕松，高效的管理 Chrome 标簽頁</a>

<a href="http://www.cnblogs.com/lhb25/p/sitecake-simple-cms-for-your-html-website.html">Sitecake – 可視化編輯，所見即所得的 CMS</a>

<a href="http://www.cnblogs.com/lhb25/p/js-library-for-building-wysiwyg-editors.html">ContentTools – 所見即所得（WYSIWYG）編輯器</a>

<a href="http://www.cnblogs.com/lhb25/p/pixel-map-generator-with-stunning-map-visuals.html">像素地圖生成工具幫助你快速生成精美地圖</a>

<a href="http://www.cnblogs.com/lhb25/p/beautiful-placeholders-using-images.html">Unsplash.it - 實用的圖檔占位符，支援個性化設定</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>

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

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

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

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