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

　　《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经三年半，总共发布了30期。今天这篇是2014年第10期（总第31期），希望你能在这里发现有用的资料。

　　梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀jQuery插件，展示前沿的HTML5和CSS3技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。

HTML5 & CSS3

• 精选9个值得学习的 HTML5 效果【附源码】
• 精选12个时尚的 CSS3 效果【附源码下载】
• Canvas 示例：4种超炫的网站动画背景效果
• 应用 CSS3 动画实现12种风格的通知提示
• 实用图片滑块，传送带，幻灯片效果【附源码】
• Waves – 赞！超炫交互体验的点击动画效果
• 如何使用 HTML5 Canvas 制作水波纹效果
• 创建响应式布局的10款优秀网格工具集锦
• 为网格布局图片打造的超炫 CSS 加载动画
• Trianglify - 生成五彩缤纷的 SVG 背景图案
• 学习使用 CSS3 制作网站面包屑导航效果
• 使用 CSS3 伪元素实现立体的照片堆叠效
• 基于纯 CSS3 技术实现美观的标签云效果
• 推荐20个很有帮助的 Web 前端开发教程
• 移动 Web 开发必备！时尚的 Off Canvas 导航

jQuery 插件

• 分享5种风格的 jQuery 分页效果【附代码】
• 20款美化网站的 jQuery Lightbox 灯箱插件
• Sequence.js 实现带有视差滚动特效的图片滑块
• Flexslider - 响应式的 jQuery 内容滚动插件
• 使用 jQuery & CSS3 实现翻转的作品集滑块
• 酷！使用 jQuery & Canvas 制作相机快门效果
• jQuery 特效：盒子破碎和移动动画效果
• FancyBox - 经典的 jQuery Lightbox 插件
• Sequence.js - 适合电子商务网站的图片滑块
• Infinite Scroll - jQuery & WP 无限滚动插件
• 精致3D图片切换效果，最适合企业产品展示
• 过去几个月出炉的30款最喜欢的 jQuery 插件
• Arctext.js - 基于 CSS3 & jQuery 的文本弯曲效果

JS 框架和工具

• FingerPRintJS - 在浏览器端实现指纹识别
• SweetAlert – 替代 Alert 的漂亮的提示效果
• AngularJS 五大特性，加快 Web 应用开发
• pagePiling.js - 创建漂亮的全屏滚动效果
• BitcoinJS - 支持比特币交易的 javaScript 库
• GOCR.js – 使用 JS 识别出图片中的文本
• imagesLoaded – 检测网页中的图片是否加载
• 使用 FocusPoint.js 实现图片的响应式裁剪
• GifShot - 创建动态 GIF 的 Javascript 库
• ClockPicker – 时钟风格 Bootstrap 时间选择器
• Strip JS – 低侵入，响应式的 Lightbox 效果
• Midnight.js – 实现奇妙的固定头部切换效果
• Ocrad.js – JS 实现 OCR 光学字符识别

创意设计

• 带给您灵感的25个最新鲜的 HTML5 网站
• 使用虚拟按钮（Ghost Buttons）的25个网站
• 20个使用柔和的色调的优秀网站设计示例
• 25个精美的创意机构和设计工作室网站案例
• 20个华丽的时间轴例子，寻找网页设计灵感
• 25个超简约风格的国外酷站设计案例
• 你会喜欢的30个美味的食品和饮料网站
• 你知道吗？世界上绝美神奇的25条路
• 世界上最疯狂10个建造中的摩天大楼
• 摄影师告诉你水其实是可以雕塑的【组图】

网站素材

• 30款最好的 Bootstrap 3.0 免费主题和模板
• 30套免费的响应式 HTML5 & CSS3 模板下载
• 12个免费的 Twitter Bootstrap 后台模板
• 精品素材：WALK & RIDE 单页网站模板下载
• 苹果官方发布，iPhone 6 & Plus 设计素材
• 免费素材下载：iOS 8 矢量 UI 素材套件
• 设计师收藏的20款英文手写字体【免费下载】
• 免费下载：用于原型设计的 iOS 7 线框图
• iOS 8 界面设计 PSD 模板，免费下载
• Jellycons – iOS 8 图标下载（PNG, SKETCH）

实用工具

• HTML Minifier - 灵活的在线 HTML 压缩工具
• Csstyle - 创建简洁、可维护强的 CSS 样式
• 谷歌打不开？最新的 Google Hosts 文件配置
• 知道吗？9个搜索引擎优化（SEO）最佳实践
• DomFlags - 给 DOM 添加书签，方便调试
• FreeIconMaker - 在线创建免费和时尚的图标
• PerfMap – 显示前端网站性能的热力图插件
• Hello.js – Web 服务授权的 JavaScript SDK

同系列文章

• Web 前端开发人员和设计师必读文章推荐【系列一】
• Web 前端开发人员和设计师必读文章推荐【系列二】
• Web 前端开发人员和设计师必读文章推荐【系列三】
• Web 前端开发人员和设计师必读文章推荐【系列四】
• Web 前端开发人员和设计师必读文章推荐【系列五】
• Web 前端开发人员和设计师必读文章推荐【系列六】
• Web 前端开发人员和设计师必读文章推荐【系列七】
• Web 前端开发人员和设计师必读文章推荐【系列八】
• Web 前端开发人员和设计师必读文章推荐【系列九】
• Web 前端开发人员和设计师必读文章推荐【系列十】
• Web 前端开发人员和设计师必读文章推荐【系列十一】
• Web 前端开发人员和设计师必读文章推荐【系列十二】
• Web 前端开发人员和设计师必读文章推荐【系列十三】
• Web 前端开发人员和设计师必读文章推荐【系列十四】
• Web 前端开发人员和设计师必读文章推荐【系列十五】
• Web 前端开发人员和设计师必读文章推荐【系列十六】
• Web 前端开发人员和设计师必读文章推荐【系列十七】
• Web 前端开发人员和设计师必读文章推荐【系列十八】
• Web 前端开发人员和设计师必读文章推荐【系列十九】
• Web 前端开发人员和设计师必读文章推荐【系列二十】
• Web 前端开发人员和设计师必读文章推荐【系列二十一】
• Web 前端开发人员和设计师必读文章推荐【系列二十二】
• Web 前端开发人员和设计师必读文章推荐【系列二十三】
• Web 前端开发人员和设计师必读文章推荐【系列二十四】
• Web 前端开发人员和设计师必读文章推荐【系列二十五】
• Web 前端开发人员和设计师必读文章推荐【系列二十六】
• Web 前端开发人员和设计师必读文章推荐【系列二十七】
• Web 前端开发人员和设计师必读文章推荐【系列二十八】
• Web 前端开发人员和设计师必读文章推荐【系列二十九】
• Web 前端开发人员和设计师必读文章推荐【系列三十】

本文链接：全端工程师和设计师必读文章推荐【系列三十一】

文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源