Geoff Graham

当 Chris 分享了一种在移动设备上“查看源代码”的方法时，我感到非常兴奋。“在移动设备上查看源代码”。当然，它与内置功能不同，但它允许像我这样的 iOS 用户查看网站代码……

如果真的存在一个货真价实的 CSS 技巧，那这就是了！@ShadowShahriar 创建了一个 CodePen 演示，它使用伪元素在内联显示的列表项之间放置逗号，结果是一个自然美观的完整句子，并带有正确的标点符号……

CSS 中的accent-color属性能够使用自定义颜色值重新着色浏览器默认样式提供的表单控件的强调色。

.element {
  accent-color: #f8a100;
}

accent-color在CSS 基本用户界面模块中定义……

我不知道你们怎么样，但我的信息流里充斥着关于CSS 容器查询的文章。关于容器查询的讨论实际上始于去年 12 月，当时Miriam Suzanne 发布了一个提案（继续……

你听到过多少次这句话（或者甚至在心里默默说过）？我知道我在对话中听到过。我也知道我曾经对一两个产品有过同样的疑问——嘿，这里的想法……

太好了，它来了！据报道，Safari 14.1 添加了对 flexbox 布局中gap属性的支持。我们已经有一段时间支持grid-gap了，但正如其名称所示，它仅限于网格布局。现在我们可以在两种类型……

CSS 中的justify-self属性设置元素在其包含块中的对齐方式。其行为取决于包含块的display。例如，如果包含块是网格容器（即display: grid），我们……

块编辑器彻底改变了 WordPress。我们可以创建内容块并以类似组件的方式排列它们的想法意味着我们在创建内容方面拥有很大的灵活性，以及一系列……

/* Only show invalid ring while not focused */
input:not(:focus):not(:placeholder-shown):invalid {
  border-color: var(--color-invalid);
}
input:not(:focus):not(:placeholder-shown):invalid ~ .error-message {
  display: block;	
}

/* Only show valid ring while not focused and if a value is entered */
/* :empty won't work