前端工程师和设计师必读文章推荐【系列三十六】

　　《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>