README.md

Web前端网站收藏

学习资源

API 速查

• HTML5标签 HTML5 标签的语义，帮助我们写出语义化的HTML
• Markdown
• CSS 参考手册
• Sass
• Media Queries 媒体查询
• Javascript API
• JQuery API
• HTML 5 Canvas Cheat Sheet
• Git

兼容查询

• Can I Use HTML 5 浏览器兼容性查询
• ES5规范浏览器兼容性表格
• ES6规范浏览器兼容性表格
• HTML 5 Please HTML5 与 CSS3 技术应用评估
• Browserhacks 各种奇妙的浏览器hack
• ios端移动设备参数速查
• Compatibility overview CSS，DOM，Event，Mobile 等的兼容表

新闻

• JS.org 在 Github 上最受欢迎的 JS 项目的排名
• 技术新闻聚合
  • 掘金 国内质量最高的技术分享社区
  • 开发者头条
  • 编程狂人 为IT人打造的行业技术周刊
  • 极客头条
• 邮件订阅
• 博客
• 播客
• Web 前端聚会&行业交流
  • D2前端技术论坛 简称D2。为国内前端开发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行业的发展，以技术会友。
  • 前端圈 为广州web前端人员量身打造一个良好的生态圈
  • HTML 5峰会
  • Web Rebuild
    • 2014年会议视频
  • wdshare 西安交流会
  • 中国 CSS 开发者大会
    • 第一届视频
  • JSConf China 2016
• 如何与最新的前端技术保存同步

教程&文档

• 菜鸟教程 简单易懂的Web技术教程
• W3school 简单易懂的Web技术教程
• WebPlatform.org 上面有对最新的Web技术的介绍；有丰富的文档。你也可以为完善文档出一份力。
• MDN 和WebPlatform.org类似
• 奇舞团前端特训营视频
• HTML 5 书签 关于 HTML5 的库，插件，书等资源
• Javascript API－overapi.com Javascript API
• HTML 5 JavaScript API
• HTML5 Video Events and API
• Polyfills 库
• HTML5 please
• CSS3 please
• You Might Not Need jQuery 高级浏览器中的JS API来实现jQuery的一些API

Web标准(Standard)

• HTML Living Standard－WHATWG WHATWG维护的持续更新的HTML标准
• W3C规范
• W3C规范翻译 HTML5中文小组翻译的。附HTML5中文小组主页

在线工具

• Jsonlint 验证json
• CSS Tidy CSS整理与压缩
• HTML 标签检查
• RegExr 实时显示正则与所写文本的匹配情况,以及正则的 Cheatsheet
• Regulex 可以看到正则的结构
• PHPCharset Encoder / String Encrypter 字符编码转换
• 智图 腾讯做的图片优化平台
• Smush.It 无损压缩图片
• Jsfuck 用[],!等来混淆代码
• ish 响应式设计测试。只能测试几个尺寸以及制定宽度
• responsive 响应式设计测试。能测试几个固定的尺寸。所有分辨率的一起显示
• iTest 阿里出的测试工具。支持主流浏览器的截图，死链接检测等
• WriteMaps 做网站地图的。WriteMaps helps you make sitemaps and gather content.

资源

• 图片类
  • 免费图片
    • Unsplash 提供可免費使用的高质量照片网站
    • Foodies Feed 以「食物」为主题的免费摄影照片图库
    • picjumbo
    • streetwill
    • gratisography
  • findIcons icon搜索引擎
  • 在线icon制作
  • subtlepatterns 网站背景图片
  • favicon 做网站icon
• 字体
  • 有字库 中文web字库
  • 字体（视巨网）
• 免费CDN
  • UNPKG 放 npm 上的资源
  • 百度cdn公共库 :常用的JS库存放在的CDN节点
  • 360网站卫士常用前端公共库CDN服务 包含了google免费字体库
  • 开放静态文件 CDN 更多静态文件资源。由七云提供。
• JiaThis 分享按钮代码
• Github ribbons fork me on Github 的角标
• 前端面试题

网站性能

• 阿里测 网站在不同地区的访问情况
• jsPerf JS执行效率测试
• YSlow 分析网站，提出提升网站性能的建议
• perf-tooling.today 有有关性能的工具，文章等

CSS组织

• BEM 构建可维护，高度重用的网站的指导
• OOCSS
• SMACSS
• RSCSS
• apppie
• Sass Guidelines 写的很详尽。
• CSS Guidelines
• idiomatic-css
• styleguides
• create maintainable code with a css styleguide

代码展示

• Dabblet 演示CSS的的比较好,都不用加浏览器前缀，对JS的支持比较弱
• Github Gist 需翻墙。可以写一些代码片段
• Runjs
• CodePen
• Jsfiddle
• Jsbin

H5页面创作工具

• 易企秀
• Maka H5创作工具
• 初夜
• 兔展 比较屌的是，响应式做和很精细（好多内联的style啊）。如： http://www.rabbitpre.com/apps/552f638b9ad221b521343617
• Epub360意派 H5交互设计利器
• VXPLO 在线交互设计神器

别人的前端网站收藏

• 飞屋收藏夹
• 醉牛前端
• https://github.com/foru17/front-end-collect
• https://github.com/dypsilon/frontend-dev-bookmarks
• http://123.jser.us/
• http://www.whycss.com/ 里面有蛮多收集的UED团队博客
• segmentfault-前端收藏夹子

设计网站

• 设计导航
• dribbble
• codrops
• smashingmagazine
• awwwards 做的很好看的,牛逼的网站汇总
• 设计的不错的网站
• UI中国 界面设计垂直社区、中国人气最高的图形界面交互设计平台
• 站酷
• 百设 UI资源
• Type is beautiful 文字设计和视觉文化
• 配色网 配色相关资源

一些问答类的

• 问啊
• 问津

其他

• Linux命令学习手册
• 如何写好技术简历 —— 实例、模板及工具
• 鸟哥笔记 运营的东东