查询手册
-
caniuse
查询各款浏览器的各种版本对 HTML5 和 CSS3 的支持情况。 -
W3C校验器
该验证器用于检查HTML，XHTML，SMIL，MathML等Web文档的标记有效性。 - <link>元素的rel属性文档
- <meta>MetaExtensions元数据扩展
- lang属性声明语言的全面说明
- CSS Color Module Level 3
- Unicode 10.0 Character Code Charts
- Hex颜色：color-hex
文档资源
- MDN：HTML参考
- MDN：CSS 参考
- w3school中文版: Web 技术教程&手册
- w3schools英文版
- w3cfuns: 电子书&模版
- 电子书资源
- Github: 前端技能汇总
- W3C万维网联盟中国官网
- 前端利器，6 款开源 Web 性能优化辅助工具推荐
- 100+ 值得收藏的 Web 开发资源
前端框架
-
⭐️ 122,447
简洁，直观且功能强大的前端框架，可实现更快更轻松的网页开发。
-
⭐️ 27,062
The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
世界上最先进的响应式前端框架
-
⭐️ 39,907
Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
Semantic is a UI component framework based around useful principles from natural language.
基于自然语言原理的UI组件框架
-
⭐️ 18,312
A set of small, responsive CSS modules that you can use in every web project.
Pure是一个轻量级的模块化框架 - 用纯CSS编写 - 包括可以根据需要一起使用或分开使用的组件。
-
⭐️ 11,848
A lightweight and modular front-end framework for developing fast and powerful web interfaces.
用于开发快速而强大的Web界面的轻量级和模块化前端框架
-
⭐️ 11,857
CSS框架
- CSS禅意花园
- blueprint
- LESS
-
SelectorGadget
CSS选择器生产工具，浏览器载入这个工具的脚本程序之后，用户点击页面元素就能生成相应的CSS选择器。 - CSS模糊效果：Blurred Background CSS
JavaScript框架
- Github:Airbnb JavaScript Style Guide
- Github:JQuery
- Github:node.js
- multipart-js
-
Modernizr | Github:modernizr
⭐️22000+
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
使用 Modernizr 库，可以用编程的方式判断用户使用的浏览器是否支持关键的 HTML5 和 CSS3 特性，籍此可以决定在文档中应该使用哪些特性。
- Dojo
字体
其他
- mapbox
- lonelyplanet
- 项目管理工具：phacility
-
MAMP
WAMP和MAMP是允许开发者在本地建立虚拟主机的套件，它包含MySQL数据库引擎和PHP和其它增强工具包。 安装本地Web服务器来测试自己的网站比购买虚拟主机或云更容易，也更便宜，方便你在本地开发和测试原型。因此，作为一个测试平台，MAMP完全可以自由使用，有时候比自己搭建本地环境更快捷。
WAMP适用于Windows操作系统，而MAMP适用于Mac操作系统。
HTML 编辑器
- Notepad++
- Sublime Text
- Visual Studio Code
- HBuilder
-
Brackets
Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe 创建和维护，根据MIT许可证发布，支持 Windows、Linux 以及 OS X 平台。
Brackets 的特点是简约、优雅、快捷！它没有很多的视图或者面板，也没太多花哨的功能，它的核心目标是减少在开发过程中那些效率低下的重复性工作，例如浏览器刷新，修改元素的样式，搜索功能等等。和 Sublime Text、Everedit 等通用代码编辑器不一样，Brackets 是专门针对 WEB 前端开发而生……
- webstorm
- Atom
- Emmet 插件
