CSS 打印样式 10 分钟教程
css-protips - 一个收集 CSS 使用技巧的库。
页面加载动画 - 这篇文章收集了近 20 个加载页面的优秀动画效果。
数字雨效果
萤火虫 - 网页模拟黑夜中萤火虫飞舞的效果。
particles.js 粒子库
臆病な魔女
Grade.js 这个 JS 库可以从图像提取两种主要颜色,然后生成渐变色背景。
CSS 制作中国窗格
DOOM 动态火焰效果
动态火焰效果
转动的电风扇
css-doodle
postcss 教程
浏览器 窗口 scrollTop 的兼容性问题
PostCSS 及其常用插件介绍
完美解决 ios10 及以上 Safari 无法禁止缩放的问题
如何编写深色主题的 CSS
只使用 CSS 的实时聊天
Bootswatch Bootstrap 是最常用的 CSS 框架,这个网站收集免费的 Bootstrap 主题。
bulmaswatch
stickybits CSS 的 position: sticky 是一个很有用的设置,但是老的浏览器不支持。这个 JS 库是该功能的垫片库。
CSS Animation 101
魔法少女
香港地铁站的颜色 一个 CSS 颜色库,使用每一个香港地铁站的颜色命名 CSS 变量。
一段奇特的 CSS 代码 - 一个空的 div 元素,所有浏览器的渲染结果都不一样。
Unicode 字符与 CSS 背景
Unicode 字符与 CSS 背景 2
Bulma
BootStrap, 中文
Foundation, 中文
Semantic
Materialize, 中文
amazeui
如何使用 CSS 变量写一个样式切换器? - 本文介绍 CSS 变量的概念和一些技巧,然后演示用它写一个暗模式 / 亮模式的切换器。
instagram.css 一个 CSS 开源库,提供纯 CSS 的 Instagram 滤镜实现
devices.css 一些主要的电子消费产品外观图片的 CSS 实现
udacity《HTML and CSS 入门》
如何设置粘性页尾 - 一个 CSS 技巧,如何使用 Flexbox 布局将网页的页尾始终放置在窗口最底部
如何实现网站的暗模式 - 本文介绍如何为网站添加暗模式(dark mode)。白天显示为亮模式,晚上使用脚本,自动切换成暗模式
CSS 如何自动切换明暗模式
fabric 微软风格 UI
LULU UI 专用于微信小程序的 UI 组件库,纯 CSS 组件。
ColorUI
Material-UI
ui-libraries
Mustard UI
tabler UI Bootstrap dashboard
wired-elements - 一个有手绘效果的网页组件库。但是,真正特别之处在于它的底层是 Web components,
守望先锋 ui vue
spectre.css
PaperCSS
water.css
construct-ui - 一个基于 Mithril.js 框架的前端 UI 组件库。
dropcss
uncss - 去除样式表里面没有用到的 CSS 规则的工具
State of CSS 2019 针对全世界开发者的 CSS 调查
Flexbox 详解
Debucsser - 一个用于 CSS 的调试库,鼠标悬浮的时候,网页会显示区块的 CSS 信息。
CSS 的 background-image 属性是反模式 - 作者提出,如果图像是内容一部分,就不应该设置成 CSS 的背景图像,而应该使用
标签加上 CSS 的 object-fit 属性。 如何制作一个节能的网站?
Web 排版资源 - 该网站针对英文排版,有一个小测试和游戏,讲解如何制作出阅读舒服的网站。"
中国传统颜色手册
wallace-cli 一个 CSS 样式表的命令行分析工具,显示有多少条规则、选择器,压缩前后的文件大小等等。
mjml - 复杂格式的电子邮件 HTML 源码很难写,因为各个邮件客户端支持的 CSS 属性不一样。mjml 是一个响应式电子邮件框架,定义了一套自己的语法,你用这套语法写邮件,然后编译成 HTML。
如何写出可复用的 CSS 样式表? - Tailwind CSS 框架的作者谈自己如何一步步探索,写出与 HTML 代码彻底分离的、可以复用的 CSS 样式表。
CSS Class 的顺序不重要 - 本文解释为什么 HTML 元素的 class 属性值的顺序不重要。
magicCss - 一个实现各类图形的 CSS 库
如何使用 CSS 网格 Grid 制作简历?
Clock Shop - 这个网站收集各种时钟的代码。
前端开发精选工具库
D3 In Depth - 可视化引擎 D3 的教程。"
响应式表格的两种解法
ElGrapho 一个基于 WebGL 的浏览器数据可视化库,主要用于性能要求特别高的可视化图形。
Lottie - Airbnb 推出的动画效果库,可以把 Adobe After Effects 制作的动画用于 Web、安卓和 iOS
deck.gl - Uber 开源的基于地图的数据可视化框架。"
stylelint
一个很有意思的网站,会一行行显示自己的源码,页面跟着代码实时变化
material-design-icons
elevator.js - 一个使得 "回到顶部" 的网页滚动,具有电梯效果的 JS 库。
Bootstrap 图标库