《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 前端开发人员和设计师必读文章推荐【系列二十九】
文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源