0%

HTML 前端资源

查询手册

  • caniuse
    查询各款浏览器的各种版本对 HTML5 和 CSS3 的支持情况。
  • W3C 校验器
    该验证器用于检查 HTML,XHTML,SMIL,MathML 等 Web 文档的标记有效性。
  • 元素的 rel 属性文档
  • 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 开发资源

前端框架

  • Bootstrap

    ⭐️ 122,447

    简洁,直观且功能强大的前端框架,可实现更快更轻松的网页开发。

  • Foundation

    ⭐️ 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.

    世界上最先进的响应式前端框架

  • Semantic UI

    ⭐️ 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 组件框架

  • Pure

    ⭐️ 18,312

    A set of small, responsive CSS modules that you can use in every web project.

    Pure 是一个轻量级的模块化框架 - 用纯 CSS 编写 - 包括可以根据需要一起使用或分开使用的组件。

  • UIKit

    ⭐️ 11,848

    A lightweight and modular front-end framework for developing fast and powerful web interfaces.

    用于开发快速而强大的 Web 界面的轻量级和模块化前端框架

  • Layui

    ⭐️ 11,857

  • 前端 UI 框架: EasyUI

  • 前端 UI 框架: Tencent/WeUI

  • 前端框架 List: awesomes

  • 推荐 21 个顶级的 Vue UI 库!

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

字体

  • Google Fonts

其他

  • 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 插件

欢迎关注我的其它发布渠道