《Web 前端开发精华文章推荐》2014年第9期（总第30期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
HTML5 & CSS3
让你心动的 HTML5 & CSS3 效果【附源码下载】
碉堡了！ 纯 CSS 绘制《辛普森一家》人物头像
美妙的 CSS3 动画！一组梦幻般的按钮效果
新奇！让简单的页面瞬间变酷的图标填充效果
HTML5 Canvas 高仿逼真 3D 布料图案效果
结合 CSS3 & Canvas 模拟人行走的效果
使用 SVG 实现一个漂亮的页面预加载效果
经典！HTML5 Canvas 模拟可撕裂布料效果
使用 CSS3 打造一组质感细腻丝滑的按钮
简直要逆天！超炫的 HTML5 粒子效果进度条
8个前沿的 HTML5 & CSS3 效果【附源码下载】
jQuery 插件
在网站开发中很有用的8个 jQuery 效果【附源码】
SlidesJS - 老牌的响应式 jQuery 幻灯片插件
Nivo Slider - 世界上最棒的 jQuery 图片轮播插件
Select-or-Die：灵活的 jQuery 下拉列表插件
fontIconPicker – 优雅的 jQuery 字体图标选择
ShineTime - 带有 CSS3 闪亮特效的缩略图相册
JBox - 模态窗口，工具提示和消息 jQuery 插件
使用 CSS & jQuery 制作一款漂亮的多彩时钟
支持10种格式的 HTML 表格导出 jQuery 插件
jPList – 实现灵活排序和分页功能的 jQuery 插件
Vanilla Masker – 功能强大的输入过滤插件
JS 框架和工具
Ampersand.js - 模块化的 JS 应用程序开发框架
Papa Parse – 超强大的多线程 CSV 文本解析库
Heatmap.js v2.0 – 最强大的 Web 动态热图
Trumbowyg - 轻量的 WYSIWYG 编辑器
Dense.js - 响应式的视网膜（Rtina）图像支持
CSV.js – 用于 CSV 解析和编码的 JS 工具库
使用异步存储提升 Web 应用程序的离线体验
Web Uploader - 功能齐全，兼容 IE 的上传组件
Breach - HTML5 时代，基于 JS 编写的浏览器
使用 JavaScript 实现灵活的固定导航功能
Intense Images – 全屏浏览图像的 JS 插件
Odyssey.js – 创建互动的，有吸引力的故事
创意设计
简单高效！25个漂亮的简约风格网站设计作品
15个前卫的 HTML5 & CSS3 网页设计作品
你会喜欢的20个使用汉堡图标设计的精美网站
20个令人称赞的以办公环境为背景的网站作品
25个创新的仪表板（管理面板）设计示例
学习响应式设计的15个优秀网页作品
20款优秀的国外 Mobile App 界面设计案例
如何制作响应式网站？12个优秀案例参考
12个新潮的 HTML5 & CSS3 网站设计欣赏
垂涎欲滴！30个美味的食品类移动应用程序
20个精美的免费 PSD 界面设计素材【免费下载】
网站素材
网站制作素材：创意的404错误页面下载
设计师必备！免费下载 PSD 素材的32个网站
【干货分享】Google 的设计准则，素材和资源
Onsen UI – 新鲜出炉的 PhoneGap 界面框架
Frame - 快速创建高品质的 Web 应用原型
免费下载：简单、优雅的现代风格界面工具包
免费下载：320+ 手绘风格 Apple iOS7 图标
谷歌联合 Adobe 发布 Noto 字体【免费下载】
免费 PSD 下载： 20个精美的登录和注册表单
帮助你提高排版技巧的18个 PS 文字特效教程
字体大宝库：20款超细英文字体免费下载
10套免费的 Photoshop UI 元素以及 PSD 素材
见过吗？14个超有创意的加载进度条设计
实用工具
Concise - 面向对象的，一致的前端开发框架
借助 CSS Colorguard 来避免使用重复的颜色
Pattern Lab - 构建先进的原子设计系统
Pagekit – 现代化技术构建的轻量的 CMS 系统
实用工具：检测过时的浏览器并提醒用户更新
Hya.io – 基于 Web 的数字音频工作站
基于 Markdown 的开源的 Node.js 知识库平台
Google打不开的终极解决办法【畅游互联网】
VisualCaptcha – 灵活的可视化验证码解决方案
同系列文章
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 前端开发人员和设计师必读文章【系列三十】
文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
