我们正在阅读并有一些想法的来自网络的内容。有没有我们应该知道的链接？告诉我们！
Simona Cotin 在 Microsoft Build 上做了一个关于无服务器技术的精彩演讲，名为“使用无服务器构建 Node API”。在这次演讲中，她几乎解决了你在为 JavaScript 应用程序创建无服务器基础设施时可能遇到的所有主要问题。其中一些主题包括但不限于
总而言之，这是我见过的关于无服务器的最佳演讲之一，如果你对这个主题感兴趣，我强烈建议你观看它。
Lea Verou 带来了一些非常超级炫酷的 CSS 技巧。我们绝不能错过链接这个。
响应式表格解决方案的一个问题是，至少在使用 CSS 重组内容的解决方案中，会在某个地方出现重复内容。要么在 CSS 中，要么在 HTML 中。
Lea 找到了两种方法来防止这种情况。其中一种方法使用text-shadow 来“复制”文本的副本并将其移动到适当位置。另一种方法使用仅 Firefox 支持的 element() 函数。
还要记住：如果你强制将表格元素设置为除自然显示值以外的任何值（例如块级元素），请确保使用 ARIA 角色，这样它们就不会失去其可访问性。
CSS 预处理器变量和 CSS 自定义属性（通常称为“CSS 变量”）可以做一些相同的事情，但并不相同.
Mike Riethmuller 的实用建议
如果在组件内使用静态变量是可以的，那么我们应该何时使用自定义属性？将现有的预处理器变量转换为自定义属性通常没有意义。毕竟，自定义属性的原因完全不同。当我们有相对于 DOM 中条件（尤其是动态条件，例如
:focus、:hover、媒体查询或 JavaScript）而改变的 CSS 属性时，自定义属性才有意义。
Figma 团队创建了一个名为 Design Systems 的新资源，用于“学习、创建和推广设计系统”，该资源已经收集了许多关于这些问题的访谈和文章。
我特别喜欢 Jeroen Ransijn 关于 如何说服你的公司 它已经准备好使用设计系统的文章，他在文中写道
构建设计系统不是为了达到某个时间点。它是一个持续学习、构建、推广和推动你的组织内采用的过程。
设计系统是一个热门话题。Ethan Marcotte 最近研究了模式变得奇怪 的实例，Lucas Lemonnier 分享了一个在 Sketch 中创建一致设计系统 的流程，Brad Frost 解释了设计系统是僵化的 的观念。看起来 Figma 的新网站将成为这场持续讨论的很好的整理仓库。
Brian Holt 和 Frontend Masters 团队今天和明天将举办一个免费研讨会，并对任何感兴趣的人进行直播。这非常棒，因为尽管关于 web 开发的文章有很多，但真正从基础开始，以初学者易于理解的方式讲解的却不多。所有材料都是开源的，并且可以在这里获得。
我一直是 Brian 作品的粉丝，这也是我提倡他加入我的团队的原因之一，现在我有幸与他共事。我发现他的教学风格非常平静，当话题涉及复杂概念时，这很鼓舞人心。直播今天（5/15）和明天（5/16）免费，但如果你错过了，也可以在之后观看。
交互式地图既可以是功能性的，也可以与数据相结合，讲述一个好故事。Kiln 发布了这张数据驱动的地图（确保点击播放按钮），展示了 2012 年所有在公海上航行的货船的航线。
Brad Frost 认为是
本着传统博客和回复的精神，以下是
我想指出，“CSS-in-JS”是一个笼统的术语，它有许多不同的实际实现方式。你可能喜欢其中一种方法，但不喜欢另一种。
我的猜测 是，作为最佳实践，我们最终会在中间分开。
当我们编写样式时，我们总会做出选择。这是全局样式吗？我故意将这个样式泄露到整个网站吗？还是我正在编写特定于这个组件的 CSS？CSS 将在这两者之间分成两半。特定于组件的样式将被限定范围并与组件捆绑在一起，并在需要时使用。
非常感谢 ipstack 本周赞助 CSS-Tricks！
你是否曾经需要知道网站访问者的大致位置？你可以通过用户的 IP 地址获得该信息，而无需明确询问。你只需要一个 API 来提供给你这些信息，ipstack 就是这样的 API。
我发现 subgrid 的概念有点难以理解。
我理解我们想使用嵌套的语义标记，并且让元素参与到一个网格中，这样我们就无需扁平化我们的标记 仅仅是为了布局目的。但这在很大程度上是由 display: contents; 处理的。
Rachel Andrew 用一种我终于明白的方式解释了它
我有一个跨越网格三个列轨道的项目，它也是一个具有三个列轨道的网格容器——但是这些列轨道与父级列轨道不一致……
如果嵌套网格列被定义为 subgrid，我们将在该子元素上使用 subgrid 值的 grid-template-columns。然后，子元素将使用它所跨越的三个列轨道，并且它的子元素将在这些轨道上进行布局。
它不是父级消失了，而是它与父级共享网格线，因此让内部元素与其他所有元素对齐会自然而然地发生。