天天看点

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

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

欢迎任何形式的转载,但请务必注明出处。

继续阅读