《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前端开发人员和设计师必读文章推荐【系列十六】

本文链接：Web 前端开发人员和设计师必读文章【系列十七】

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

转载于:https://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-17.html

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

  1. Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）

    转载:http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html 20 ...

  2. Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

    2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...

  3. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <! ...

  4. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCTYP ...

  5. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |it前端开发

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!D ...

  6. 【web前端特效源码】使用HTML5+CSS3制作一个会动的音频loading加载动画效果~~适合初学者~超简单~ |前端开发|IT编程

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3制作一个会动的音频loading加载动画效果~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCTY ...

  7. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个影子~~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个影子特效~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCTYPE ...

  8. 【web前端特效源码】使用HTML5+CSS3制作一个会动的不规则斑点边框半径动画的动画效果~~适合初学者~超简单~ |前端开发

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3制作一个会动的不规则斑点边框半径动画的动画效果~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCT ...

  9. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: < ...

最新文章

  1. mysql复杂连接查询语句_MySQL查询语句之复杂查询
  2. 给计算机系统的资产分配的记号被称为什么,哈工大2015计算机复试试题（25页）-原创力文档...
  3. 第一行代码学习笔记第九章——使用网络技术
  4. 【Docker】安装与常用命令
  5. 01.Python基础_菜单_快捷键_基本语法_变量_输入输出
  6. Teams App 扫描二维码
  7. 如何在Windows 10上跳过回收站以删除文件
  8. 重建Windows 7的图标缓存
  9. linux c开发项目,linux c 服务器开发项目
  10. MPLS virtual private network 地址重叠实验（华为设备）
  11. 实战爬虫：python爬虫之爬取虎扑湖人专区新闻中科比相关新闻
  12. 好用的局域网文件共享工具
  13. Redis雪崩和Redis穿透
  14. 怎么检查APP是否存在用户信息数据泄露漏洞
  15. 用计算机中的知识秀恩爱,教你用专业知识取情侣网名
  16. 移动端超高品质的Axure UI设计/交互设计组件库，几乎涵盖了所有的组件
  17. 华为系统云服务器地址,华为系统云服务器地址
  18. Kinect的三维重建
  19. 计算机视觉系列（七）——迁移学习
  20. 计算机课程调整论文,计算机课程改革论文

热门文章

  1. 当你没有能力的时候，所有的友善都是廉价的
  2. 创业者在创业时经常会问到的一个问题
  3. 富人和穷人在面对同一件事情时
  4. 实体经济不改变经营思路和销售模式
  5. Using APIs in Your Ethereum Smart Contract with Oraclize
  6. Error: failed to unmarshal json. invalid character '\'' looking for beginning of value解决方案
  7. Java配置Spring时REQUIRED和REQUIRES_NEW 的区别
  8. svn查看某个时间段的日志信息
  9. 如何使用损坏或删除SQL Server事务日志文件重建数据库
  10. sql简介_SQL简介