HTML相关

• W3C-HTML5

  w3c组织开源的HTML5开发文档

• HTML指南

  MDN的HTML指南

• HTML5产业联盟

  HTML5中国产业联盟，是工信部下属单位，HTML5+规范

• Can I Use

  检测桌面和移动浏览器支持HTML5，CSS3，SVG等的兼容性表

• HTML Living Standard

  HTML最新标准文档

• HTML Validator

  W3C官方HTML验证器

• HTML Reference

  全面的HTML元素和属性参考

• HTML DOM

  HTML DOM参考手册

• HTML5 Boilerplate

  专业的前端模板

• HTML5 Test

  测试浏览器对HTML5的支持程度

CSS综合

• CSS开发指南

  MDN-Web开发者指南-css开发指南

• CSS Tricks

  CSS技巧和教程大全

• CSS Reference

  全面的CSS属性参考

• browserhacks-浏览器hack大全

  浏览器CSS和JS Hack 大全

• Animate.css动画库

  内置了很多典型的css3动画

• Hover.css

  纯CSS3鼠标滑过效果动画库

• Purgecss

  删除未使用的 CSS 代码的工具

• CSS Grid Generator

  可视化CSS网格生成器

• Flexbox Froggy

  Flex布局学习游戏

• Clippy

  CSS clip-path生成器

• CSS Gradient

  CSS渐变生成器

• Neumorphism

  新拟态风格生成器

• CSS Stats

  分析网站CSS统计数据

CSS预处理器

• Sass

  世界上最成熟、稳定、强大的专业级 CSS 扩展语言

• Less

  一门向后兼容的 CSS 扩展语言

• Stylus

  富于表现力、动态的、健壮的 CSS

• PostCSS

  用JavaScript转换CSS的工具

• SassMeister

  在线Sass/Scss编译工具

• CSSO

  CSS优化器

CSS原子化

• Tailwind CSS

  只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站

• UnoCSS

  即时按需原子CSS引擎

• Windi CSS

  下一代实用为先的CSS框架，它支持按需生成

• Tachyons

  快速构建响应式界面的CSS框架

• Bulma

  基于Flexbox的现代CSS框架

CSS框架

• Bootstrap

  最流行的前端CSS框架

• Foundation

  响应式前端框架

• Materialize

  基于Material Design的CSS框架

• Semantic UI

  语义化的前端框架

• Pure.css

  轻量级响应式CSS框架

CSS创新工具

• CSS Scan

  一键复制网页元素的CSS

• Glassmorphism Generator

  毛玻璃效果生成器

• Shape Divider

  自定义形状分隔线生成器

• CSS Filter Generator

  CSS滤镜生成器

• Keyframes App

  可视化CSS动画编辑器

图标库

• Iconfont

  国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能

• IconPark 图标库

  字节跳动开源的高质量图标库，超过2000个图标，支持多主题和定制

• Iconify 图标库

  一个图标库，提供超过 1000 个图标，支持自定义图标和图标集