我们正在阅读并有一些想法的网络上的内容。有我们应该知道的链接吗？告诉我们！
在 CSS 中使用百分比值时，例如…
.element {
margin-top: 40%;
}…这里的 % 值是什么意思？它是相对于什么的百分比？很多次，当我使用百分比时，会出现一些奇怪的事情。我通常耸耸肩，将值更改为其他值，然后继续我的工作。
但 Amelia Wattenberger 在这篇关于CSS 中百分比如何工作以及我们需要注意的所有特殊事项的精彩深入研究中说不！。并且，正如目前惯例一样，Amelia 的任何帖子都包含大量精彩的演示，完美地描述了任何给定示例中的 CSS 如何工作。这篇帖子也不例外。
Tomáš Janoušek
阅读更多如今，许多网页在其样式表中设置了
font-weight: 300。使用 DejaVu Sans 作为我的首选字体，这会导致非常细且浅色的文本难以阅读，因为出于某种原因，对于权重 < 360（在 Chrome 中；在 Firefox 中最高可达 399），正在使用“DejaVu Sans ExtraLight”变体（权重 200）。让我们调查一下为什么会发生这种情况以及如何解决它。
来自 Nicholas Zakas 的时事通讯，关于他如何避免 JavaScript 疲劳
我不会尝试了解出现的每一个新事物。一天中的时间和您可以投入到任何主题的精力都是有限的，因此我选择不了解我认为不会立即对我有用的任何事物。这并不意味着我完全忽略新事物的发布，而是说，我试图将它们融入现有的思维模型中，以便我能够明智地谈论它们。例如，我还没有使用 Deno 构建应用程序，但我知道 Deno 是一个用于构建服务器端应用程序的 JavaScript 运行时，就像 Node.js 一样。因此，我把 Deno 和 Node.js 放到同一个桶里，并且知道当我需要了解更多信息时，有一个比较点。
我也使用过“桶”的类比。请允许我继续并过度使用这个隐喻。
我很少尝试仅仅为了学习而学习任何东西。我学习我需要学习的东西，因为我的工作需要它。但我尽量了解足够的信息，以便在阅读科技新闻时，我可以将我阅读的内容放入思维的桶中。然后，我可以比喻地说，当这些主题出现时，伸手进入这些桶。此外，我可以关注这些桶有多满。如果我发现自己把很多东西都放进一个桶里，我可能会深入其中看看发生了什么，因为水里显然有什么东西。
您需要订阅时事通讯才能获取内容。
扭曲无疑是这里最酷的部分。一些花哨的数学 从字面上转换路径数据以进行扭曲。但这里的 UX 细节工作也同样出色。滚动页面通过 SVG 包装器上的transform: scale()进行放大和缩小（巧妙！）。同样，按住空格键可以让您四处平移，这与另一个包装器上的transform: translate()一样简单（聪明！）。要扭曲您自己的 SVG 文件，只需将它们拖放到页面上即可（简单！）。
我第一次听到“摩擦日志”这个词是4 月份在 ShopTalk 上从 Suz Hinton 那里听到的。这个想法非常有道理：使用某样东西，然后记下你感到摩擦的时刻。
某些安装步骤是否出现故障？您是否看到文档中未提及的内容？您是否不得不停下来思考某个特定的 API 是否存在或如何工作？您是否对某些东西为什么被称为它所称的名称感到困惑？摩擦！记录下来。然后使用该日志来消除摩擦，因为正在构建的任何东西都会因此变得更好。
Una 在出色地展示了 CSS 布局变得多么（我敢说）简单。有很多东西需要学习，但你学到的东西有意义，一旦你学会了，就会非常有力量。
为什么？指纹识别。这些 API 不是用于其预期用途，而是最终被用于粗俗的广告技术。例如，“嘿，我们不知道你到底是谁，但等等，通过脚本我们可以知道你的手机从早上 8:00 到 8:13 停止闲置并且靠近 JBL BATHROOM 的蓝牙设备，所以可能是爸爸在早上便便！让我们尽快向他展示一些关于更好扬声器和法兰绒衬衫的广告。”
我将从Catalin Cimpanu 的文章中提取完整的列表