299:浅尝 Cascade Layers
[Geoff:] 我在 CodePen 上养成了一个习惯,我会在 Cascade Layers 中开始构建我的 CSS。 因为我演示了很多东西,所以我经常希望最相关的样式位于 CSS 的最顶端。 我通常这样做……
297:桌面、破折号、文档大纲戏剧
[Geoff]: 最近文档大纲辩论卷土重来,尽管这一次(有点)有了解决办法。 我们原本的想法是,我们可以有一个大纲算法,让我们可以使用 <h1>
作为通用标题元素,放在任何地方……
296:重视网站、彩色字体、CSS 逻辑
[Chris]: 嘿! 感谢您收看本周的 CSS-Tricks 新闻! 未来这封新闻稿的发布将由 DigitalOcean 的团队负责,所以如果它们看起来有点不同,那就是原因! 提醒! 如果你想继续……
295:隐藏直到找到
[Chris]: 嘿,嘿 - 自从我们 宣布将该网站的所有权转让给 DigitalOcean 以来,已经过去大约一周了。 积极和支持的浪潮以最好的方式压倒了我们。 即使是我的同志 Geoff……
294:公告
[Chris]: 嘿,伙计们! 让我从重大新闻开始。 我知道你们中有些人是专门的新闻稿读者,这可能是你们第一次听说:DigitalOcean 收购了 CSS-Tricks。 这就是这个网站! 这封新闻稿! 上面那个链接……
293:关于互操作性
[Chris]: 我对围绕 Interop 2022 的同步博客文章发布感到很兴奋。
- WebKit:共同努力实现 Interop 2022(HTML 具有
<meta property="article:published_time" content="2022-03-03T09:00:44-08:00"
) - Mozilla:宣布 Interop 2022(HTML 具有
<abbr class="published" title="2022-03-03T09:00:02-08:00"
292:特性的简史
[Robin]: 有时候,CSS 会让人感觉好像每个人都在大喊大叫……
.overly#powerful .framework.widget {
color: maroon;
}
啊! 请不要再对我大喊大叫了!
每当我看到像这样的东西时,我都会想,啊,是的,你正在尝试覆盖 CSS 中的一些其他内容……
290:设计上下文菜单、CSS 演示文稿,以及抱怨网络浏览器
[Robin]: Stephanie Eckles 写了这篇关于 如何使用 CSS 滚动捕捉 使网站感觉更像幻灯片放映的精妙文章。 只需一些有趣的 HTML 和 CSS,你就可以创建一个漂亮的……
289:常青浏览器的问题
[Robin]: 这是 Eric Bailey 的一个明智的观点:仅仅因为我们拥有常青浏览器并不意味着我们可以使用最新功能。 这里的“常青浏览器”指的是像 Chrome 和 Firefox 这样的浏览器,它们会自动更新,而无需你……
288:使用 CSS 和流畅排版营造斑驳的光影
[Robin]: 博客的常客,也是全方位的杰出 CSS 开发人员 Preethi,提出了一些想法,每次我听到这些想法,都会让我仿佛被冷水泼醒:如果我们把这个奇怪的东西……
287:CSS Tricks 设计史
[Robin]: CSS-Tricks 开始于 2007 年。 那是 15 年前! 从那时起,Chris 就重新设计了网站很多次,并且随着网站的每个新版本,都会有一个视觉更新,一两个新技巧,以及……
286:CSS 级联层(几乎)来了
[Robin]: 即将出现在您附近的浏览器中的下一个重大功能是CSS 级联层。 Una Kravets 制作了 一段很棒的视频,介绍了它们以及它们即将出现在 Firefox 和 Chrome 中的情况。 我绝对会观看……
285:容器查询之年
[Robin]: 我的直觉是,2022 年将是容器查询之年。 每个人都对它们感到兴奋,而且有充分的理由:这个新奇的 CSS 添加功能使组件能够响应它们所放置的任何容器。 为了……