Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列十七】

转自：http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-17.html

Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列十七】

　　《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。

JavaScript

• 【干货分享】32本优秀的 JavaScript 免费电子书
• Verlet-js：超炫的开源 JavaScript 物理引擎
• 优秀教程：创建基于 Ajax 的文件拖放上传功能
• Two.js – 为现代浏览器而生的 2D 绘图 API
• Squel.js – 基于 JavaScript 的 SQL 查询构建器
• PathFinding.js – 综合性的 JavaScript 路径查找库
• FlipClock.js 制作精美的时钟、定时器和倒计时功能

jQuery

• Web 开发最有用的50款 jQuery 插件《图片特效篇》
• jQuery.mmenu – 用于移动 Web 项目的光滑菜单
• jQuery 插件：用于移动项目的响应式音频播放器
• Magnific Popup – 响应式 jQuery Lightbox 插件
• 使用 jQuery Tooltipster 创建现代感的工具提示效果
• jQuery.swatches – 把 Div 变成可爱的调色板
• jQuery Unveil – 另一款非常轻量的延迟加载插件

HTML5

• 2013年主流浏览器 HTML5 和 CSS3 兼容性大比拼
• Aristochart – 灵活的 HTML5 Canvas 折线图
• Popline：帅气的浮动 HTML5 文本编辑器工具栏
• MontageJS：构建现代 Web App 的 HTML5 框架
• HTML Inspector – 帮助你编写高质量的 HTML 代码
• 2013 HTML5 峰会，属于 HTML5 守望者的盛宴
• 年度盛宴系列——2012年最经典的10款 HTML5 游戏

CSS3

• 你想不到的！CSS 实现的各种球体效果【附在线演示】
• Transit – 超平滑的 CSS 过渡和变换动画效果插件
• Codrops 优秀教程：基于 CSS3 的全屏网页过渡特效
• Codrops 教程：基于 CSS3 的精美模态窗口效果
• Minimit Anima – 优秀的硬件加速的 CSS3 动画插件
• Codrops 优秀教程：CSS 3D Transforms 实现书本效果
• Effeckt.css – CSS3 Transitions & Animations 应用

精美素材

• 精品素材 – 24款扁平风格 PSD 格式图标免费下载
• 22个有吸引力的价格，销售，折扣标签 PSD 文件
• 35套免费的 Web 和 Moible 设计素材套件《上集》
• 35套免费的 Web 和 Mobile 界面设计套件《下集》
• 『Photoshop 教程』提高排版技巧的文字效果教程
• 分享最新30个独特的 404 错误页面设计模板
• 一组免费的响应式 HTML5 & CSS3 网站模板

网页设计

• 经典网页设计：25个华丽的 CSS 网站作品案例
• 经典网页设计：30个创意的 CSS 应用案例
• 在任何设备上都完美呈现的30个华丽的响应式网站
• 『时尚设计』40个漂亮的大照片背景网页作品《上集》
• 『时尚设计』40个新颖的大图片背景网页作品《下集》
• 30个美丽干净的，帮助用户专注于内容的网站设计
• 颜色在网页设计中的重要性【附30个优秀案例】

实用工具

• 基于拖放布局的 Twitter Bootstrap 网站生成器
• Sassaparilla – 简单、快速的创建响应式网站
• Helios：一个可拓展的开源 iOS 移动后端开发框架
• SublimeLinter 编写高质量 JavaScript & CSS 代码
• Unicode Character Table – Unicode 字符大全
• FROONT – 超棒的可视化响应式网页设计工具
• slid.es – 创建在线幻灯片和演示文稿的最佳途径

创意欣赏

• 创意名片大全：26款创意的企业和个人名片设计
• 名片制作：推荐25款现代名片设计实例及模板
• 创意名片大全：一组精美的折叠效果名片设计
• 设计前沿：向设计师推荐35款创意的 Twitter 封面
• 创意欣赏：国外35个独特的露天广告牌设计
• 『摄影欣赏』30幅美得令人窒息的精美倒影照片
• 分享60款惊艳的 iOS App 图标设计《第四季》

其它文章

• 使用 Weinre 调试移动网站及 PhoneGap 应用
• Wayback Machine – 穿越互联网，找回消失的网页
• Ratchet – 惊艳无比的 iPhone 应用原型制作框架
• Jekyll – 基于纯文本的开源静态网站 & 博客系统
• 使用 Fries 创建性感的 Android 风格移动应用界面
• Selectize – 用于标签和下拉列表功能的选择控件
• FPSMeter – 简单的、可定制主题的 FPS 仪表库

同系列文章

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