####插件 ####框架 ####博客 ###前端技术 ####HTML

####HTML5

####CSS

####JS

##技术网站 ###基础教程

• 前端编码规范
• w3school 简单易懂的Web技术教程，可用于入门
• 菜鸟教程 简单易懂的Web技术教程
• Html5 JavaScript API HTML 5 JavaScript API
• w3cplus w3cplus简单易懂的Web技术教程
• 规范命名

###Web标准

• W3C规范
• W3C规范——中文翻译

###各类资源

• 免费CDN

  • 开放静态文件
  • php中文手册
  • CSS3在线手册
  • MDN 在线手册

• 图片素材

  • 图片素材

  • 世界知名品牌颜色收集网

  • Icon搜索——findicons

  • 在线生成Loading

  • 字体-视巨网

  • 雪碧图

    • [css sprite css雪碧图生成工具] (http://developer.51cto.com/art/201504/474506.htm)
    • css sprite

• UI开源

  • 前端观察 微信里面web app的UI开源

• book

  • css知多少
  • JS函数式编程指南
  • JS函数式编程指南

###优化

• 移动H5前端性能优化指南
• 移动时代的前端加密
• 浅淡HTML5移动Web开发

##在线工具

• 图片处理工具——智图

• 格式化

• HTML 标签检查

• JSON 在线校验格式化

• HTML JS CSS在线校验格式化

• 代码展示

• 演示CSS

• codepen

• jsfiddle

• jsbin

• 在线展示JSrunjs

• 建站平台

• HTML5页面创作

• HTML5页面创作maka

• 云启H5海报制作

• 调试

• [codepen CSS调试](调试 CSS Keyframe 动画)

• 10 个超棒的 CSS3 代码生成工具

• CSS 在线生成工具——enjoycss

• CSS 小工具集合

• 浏览器同步测试工具——Browsersync

• 正则表达式

• 正则表达式在线调试

• 正则表达式检验