GoogleChrome/web-vitals - Essential metrics for a healthy site.
OWASP Web Security Testing Guide
50 unique mini-projects to sharpen your HTML, CSS & JavaScript skills（Github）
DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.
工具
CSS
基础：
An Interactive Guide to Flexbox
浏览器样式重置：
小巧的 css 框架：
picocss - Minimal CSS Framework for Semantic HTML
concrete.css - A simple and to the point classless CSS stylesheet
Milligram - A minimalist CSS framework
一些样式参考：
CSS Inspiration -- CSS灵感（Github）
30+ Responsive CSS Hamburger Menu Example
The Biggest Collection of Loading Animations
资料：
Defensive CSS 收集各种防御性的 CSS 技巧，防止客户端出现各种破坏 CSS 显示的情况
The Guide To Responsive Design In 2023 and Beyond
UnoCSS: The instant on-demand Atomic CSS engine（Github）
About Us Pop-Out Effect (codepen.io)
13 Pure CSS Mobile Devices from @marvelapp
现代的图片展示方式（英文，主要讲 <img srcset> 属性的一些妙用）
GradientsGuru - 漂亮的渐变背景， 可拷贝为 css
Tailwindcss
Awesome things related to Tailwind CSS
Web 组件
CortexJS 一个数学公式的 Web Component 组件。
css-doodle - 用于使用 CSS 绘制图案的 Web 组件
Web
WebGL 理论基础（中文）
Web3
Web 3.0 通识课 - 飞书云文档 (feishu.cn)
动画
如何用 CSP 防止 XSS 注入攻击 - 本文讲解怎么使用浏览器的 CSP（内容安全策略），防止网页被 XSS （跨站点脚本注入攻击）。