《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 前端开发人员和设计师必读文章推荐【系列三十】
文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。
