文章的直接链接 CSS Grid: One Layout, Multiple Ways 网格 圣杯布局 CSS Grid: One Layout, Multiple Ways 我一直很喜欢学习使用 CSS Grid。这个功能开始在许多浏览器中发布，看起来我们很快就能在生产环境中使用它。… 2017 年 2 月 18 日
文章的直接链接 Transparent JPG (With SVG) 裁剪 SVG 透明度 透明 JPG（使用 SVG） 假设你有一张照片，它应该使用 JPG 或 WebP 格式，以获得最佳的文件大小和质量。但如果我需要透明度呢？我需要 PNG 吗？这会导致… 2017 年 2 月 16 日
文章的直接链接 Websites We Like: February 2017 我们喜欢的网站：2017 年 2 月 我们已经有一段时间没有回顾所有漂亮网站了。以下是过去几周我们最喜欢的网站！… 2017 年 2 月 15 日
文章的直接链接 Creating Non-Rectangular Headers 设计 页眉 SVG 创建非矩形页眉 在 Medium 上，Jon Moore 最近将“非矩形页眉”识别为一个 微型趋势。换句话说：它还没有特别流行，但你等着瞧，孩子。 我们说的是页眉（或者更一般地说，任何容器元素）具有非矩形形状。比如梯形、复杂的几何形状、圆形/椭圆形，甚至屁股形状。 2020 年 11 月 27 日
文章的直接链接 Design Your Content Typography First (and a Look at Type Nugget) 文字片段 排版 先设计你的内容排版（以及看一下 Type Nugget） 你见过多少个“完成”的网站，却仍然在角落里潜伏着lorem ipsum文本？虽然我们经常努力在设计和代码中追求完美，但我每次遇到乱七八糟的… 2017 年 2 月 13 日
文章的直接链接 An Introduction to the Reduced Motion Media Query 无障碍 动画 SVG 简介：Reduced Motion Media Query 开放网络的成功建立在可互操作的技术之上。现在，控制动画的能力与缩放内容、安装扩展、启用高对比度显示、加载自定义样式表或禁用 JavaScript 等重要功能并存。 网站往往充斥着… 2019 年 4 月 24 日
文章的直接链接 Code Smells in CSS 代码异味 CSS 代码异味 Harry Roberts，CSS 代码异味，第 1 部分 撤销样式 魔数 限定选择器 绝对值 暴力破解 危险选择器 反应式 !important ID 松散类名 第 2 部分: @extend 类名的字符串拼接 背景简写 重复的键选择器… 2017 年 2 月 9 日
文章的直接链接 Why Elm? (And How To Get Started With It) Elm 函数式编程 为什么选择 Elm？（以及如何入门） 这是一篇关于编程语言 Elm 的指南。但它并没有直接跳到操作步骤和语法，而是介绍了为什么你可能被函数式编程吸引，以及 Elm 背后的理念。 2020 年 11 月 25 日
文章的直接链接 Basic Shapes & Path… Never the Twain Shall Meet? 基本形状 排除 路径 形状 基本形状和路径… 永远不会相遇？ CSS 中有一些值可以用来绘制形状。例如，有一个circle()函数，它是几个 CSS 属性的有效值。不过，“绘制”可能不是合适的词。这是… 2017 年 2 月 7 日
