前端开发常用资源

 在日常开发中，我们经常会需要一些常用的资源，虽然很容易找到，但是有时候却发现又不是那么好找。这里专门把前端开发把一些常用的工具整理了一下，供大家参考，同时也备忘方便自己使用。

CodePen：

• 链接：http://codepen.io/anon/pen/oKfrv

• 简介：网站前端设计开发平台是一个针对网站前端代码设计的开发工具，提供多种效果的网站前端代码设计工具，丰富的案例特效，用户可以demo的基础上开发自己的前端设计，站点提供了实时展示的在线edit，可以同时编辑HTML,CSS和JS.

• 事例：http://codepen.io/giuniperoo/pen/nDfoG

Bootstrap：

• 链接：http://v3.bootcss.com/

• 简介：Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目

• 事例：http://wekf.qq.com

font-awesome：

• 链接：http://www.bootcss.com/p/font-awesome/#icons-new

• 简介：专为Bootstrap设计的，一个字体文件， 249 个图标，用CSS控制样式，无限缩放，个人、商业均可自由使用，支持IE7+，在Retina屏幕上也能完美呈现，兼容屏幕阅读器

• 事例：http://www.bootcss.com/p/font-awesome/#examples

移动端js框架：

• 链接：http://zeptojs.com/

• 简介：zepto.js是一个专为mobile WebKit浏览器(如：Safari和Chrome)而开发的一个JavaScript框架。它标榜自己在其简约的开发理念，能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架，是超轻量级的，只有5KB。zepto.js的语法借鉴并且兼容jQuery。

• Doc：http://zeptojs.com/

user-agent：

• 链接：http://www.useragentstring.com

• 简介：ser Agent String.Com，史上最完整的useragent

• 事例：http://www.useragentstring.com/pages/useragentstring.php