前端工具整理

前端组件库

【代码的规范】

【Viewport Sizes尺寸查询】

【在线小工具】

【px,em,rem单位转换工具】

【json格式化】 【json格式化】

【在线工具】 - aTool

【WebStorm】

【Emmet快捷方式查询】

【CSS优化】

【CSS 速查表】

【jQuery 查询 】

【jQuery源代码查看工具】

【IcoMoon App - 字体图标】

【Iconfont - 阿里巴巴矢量图标库】

【字体图标】Font Awesome Icons

【正则表达式】

【大前端·神器格】

Testing【检测css错误】

【二维码生成器】

【CSS - 中文字体—> 编码表】

【PNG压缩】

【SEO检测】

Lodash

UEditor API

RunJs

Less

JsTree

HighCharts

RequireJs

NodeJs中文站

node.js中文资料导航

V8专题

颠覆式前端UI开发框架：React

ISCROLL 5

Jquery EasyUI

资源

• 免费的计算机编程类中文书籍
• 免费编程书籍
• 计算机科学论文
• codeparkshare Python初学者书籍、视频、资料、社区推荐
• Python资料汇总
• app应用推荐
• 码农周刊整理
• 500 Lines or Less 一些不错的代码
• 前端
  • node.js中文资料导航
  • 了不起的Nodejs Nodejs的各种资源
  • AngularJS-Learning-zh_CN 一些关于 AngularJS 的博客，文章，视频，书籍等
  • 了不起的React React的各种资源
  • 腾讯移动Web前端知识库
  • iconpark iconfont汇总
  • 前端该掌握的技能
  • 前端工具推荐
  • 我的前端资源

教程

• 雨痕的编程语言学习笔记 包括 c,python,Go
• git 教程 中文的哦~
• HelloSea.js seajs教程
• HTTP API 设计指南
• json-api-zh_CN 用 JSON 构建 API 的标准指南
• 一家伙（s5s5）学习css3动画的心得

web前端

• typeahead twitter开发的autocomplete 插件
• javascript-state-machinejs实现的有限状态机框架
• ace 代码编辑器
• layoutit基于 bootstrap 实现可视化布局的 layoutit.com 离线中文版

polyfill(兼容浏览器API的shim)

• box-sizing-polyfill 让ie6/7支持 CSS box-sizing: border-box
• Respond 让浏览器支持 CSS3： min/max-width

css效果

• superscrollorama 很酷的动画效果
• impress.js各种炫的效果，用来做幻灯片不错
• fullPage全屏翻页的js组件，用来做幻灯片不错

测试

• testem 让写js的单元测试变得有趣
• dalekjs 跨浏览器测试js工具
• nightwatchui 测试框架
• Hardy css测试

安全

• domxssscanner DOM based XSS扫描工具

很酷的项目

• node-webkit
• opal 将ruby代码转化成javascript
• popularconvention github上项目的代码风格的统计，效果看 这里
• framer 用js来画原型图。支持3d效果哦~

其他

• 不同语言项目的gitignore模板
• Sublime的一些常用Snippets