来自网络各处的我们正在阅读并有所思考的内容。 有我们应该知道的链接吗？ 告诉我们！
这是 Jonathan Snook 写的一篇精彩文章，他指导我们如何使用 CSS Grid 创建日历界面，其中包含许多值得深入研究的技巧，尤其是 Jonathan 使用 grid-auto-flow: dense，这将使 Grid 掌控设计并尝试尽可能填充分配的空间。
当我四处搜索时，我在 Grid 上发现了一篇关于 自动放置算法 的文章，作者是 Ian Yates，它更加简洁地阐述了相关内容。 可能有用。
哦，我们还在我们正在进行的 CSS Grid 入门模板 集合中提供了一个基于 Grid 的日历示例。
Rune Madsen 记录了他在 5 月份哥本哈根 UX 营 上关于设计系统的演讲笔记，以及在构建一个统一系统时可能出现的问题。
当你开始为一家公司进行重新设计流程时，很容易简单地看一下他们所有的产品（应用程序、网站、时事通讯等），首先嘲笑它们看起来有多糟糕，然后为所有内容设计一个单一的设计系统。 但是，一旦你开始深入了解这些决策背后的原因，他们往往会揭示你的设计系统无法解决的本地知识。 我经常看到这种情况，新的设计系统完全忽略了平台之间的差异，因为他们将组件标准化以使移动设备和网页看起来相同。 移动设计仅仅是不同的东西：按钮需要更大，元素应该漂浮到屏幕底部以便更容易触及等等。
这是 Rune 对设计系统的首要批评之一：它们通常有利于设计师而不是用户。 即使一家公司的产品不是最漂亮的东西，它们也是以解决当时需求的方式创建的，也许我们可以从中学习，而不是假设标准化是解决用户需求的唯一途径。 标准化 和 一致性 之间存在差异，过分强调标准可能会对 UX 产生淡化效果，从而把孩子和洗澡水一起倒掉。
这是一篇非常好的读物（和演示）！
Greg Lavallee 写了一篇关于 Slate 目前正在进行的项目，他们在其中为自己定义了一个新的目标
我们的目标是速度：读者应该能够快速获取他们想要的内容，作者应该能够快速发布他们的文章，开发人员应该能够快速编码。
他们已经开始为网站提供许多精美的改进，但我真正感兴趣的部分是他们专注于重新定义他们的 URL
作为一名网页开发者和产品爱好者，我热爱 URL。 URL 揭示了应用程序结构的大量信息，它们的预测性证明了其背后系统的优雅。 一个好的 URL 应该让你玩弄它，并通过这样做找到令人愉悦的新事物。
我们新 URL 的每一小部分都花费了 Slate 技术团队大量的规划和努力。
关键的要点？ URL 可以改善用户体验。 就 Slate 而言，他们的 URL 结构包含冗余的子目录路径、不必要的位和倒置的信息。 结果是它读起来更像一个真正的层次结构，并告知读者可能还有更多可以在路径中更早地发现的宝藏。
Scott O’Hara 的故事
第一个开发者，为什么他认为自己最了解。
“我很快就会完成！” 他说道，挺起胸膛。“当其他人查看维基、知识库和规范时，
我会依靠我对 CSS 的深入了解来规避这些繁重的声明。特异性将很宽松，BEM 类将成为王道！
每个人都会惊叹于这个东西的 CSS。
满足你的节日礼物购物需求！ 这些是我对一些最受欢迎的排版书籍的精选，侧重于网页排版。 另外，我们自己的 Robin Rendle 还提供了一些额外的选择。
24 Ways，面向网页极客的降临日历，本周重新开始。 在整个 12 月份，他们将发布一系列关于网页设计、CSS 和前端开发的文章。
陈慧京已经写了一篇关于 特性查询 的精彩文章，Stephanie Drescher 今天发布了一篇关于 名为 sonarwhal 的工具 的文章，该工具可以识别可访问性、性能和安全问题，仅举几例。
如果你喜欢降临日历，这里还有 16 个与网页开发相关的降临日历。
在过去的一年里，每个月，David Jonathan Ross 都会在他的每月字体俱乐部中发布一种新字体。 仅需每月 6 美元的订阅费用，即可提前获得他的一些作品。 我强烈建议你注册，因为每种设计都以一种非常好的方式怪异而有趣
加入每月字体俱乐部，每个月都会收到一种新鲜的字体发送到你的收件箱！ 每种字体都是由我，David Jonathan Ross，精心设计和制作的。
月度字体在其他任何地方都无法获得，并将包括我独特的显示字体、实验性设计以及即将推出的零售字体系列的独家预览。
前几天，Chris 写了一篇关于 CodePen 团队如何 在所有笔中将 lang='en' 添加到 html 元素 的文章，出于可访问性原因，我觉得这很有趣，但我突然想了解更多关于该属性的信息，因为我从未使用过除英语之外的其他语言设计网站，它可能对将来有所帮助。
仿佛魔术般，Ire Aderinokun 在几天后发布了这篇关于 网页上的本地化和翻译 的文章，它幸运地回答了我所有的疑问
来自英语世界的人很容易维持英语世界网络这个泡沫。 但事实上，超过一半的网页是用英语以外的语言编写的。
自从在 eyeo 开始工作以来，我不得不更多地思考本地化和翻译，因为我们大多数网站都被翻译成多种语言，这与我之前从未真正考虑过的事情不同。 一旦你决定翻译一个网页，就需要考虑很多因素，我发现其中很多即使你的网站只使用一种语言编写也同样有用。
我以前不知道实验性的、目前不支持的 translate 属性，也不知道神秘的 margin-inline-start CSS 属性。 好东西！
在这个演讲中，Monica Dinculescu 深入探讨了网页字体以及 font-display CSS 属性如何让我们控制这些字体的渲染方式。 她认为，如果我们花一些时间思考加载的字体总数以及它们的加载方式，就可以实现巨大的性能提升。
此外，Monica 制作了一个 方便的演示，它更详细地展示了 font-display 属性是如何工作的。
这在很大程度上取决于你如何使用网页字体，以及在备用字体中渲染文本是否有意义。 例如，如果你正在渲染网站上的主体文本，你应该使用 font-display:optional。 在像 Chrome 这样的支持它的浏览器中，体验会好得多：你的用户将获得快速内容，如果网页字体下载时间过长，他们不会在阅读文章中途出现页面重新布局。
如果你将网页字体用于图标，则没有可接受的备用字体可以渲染这些图标（除非你使用表情符号或类似的东西），因此你唯一的选项是在字体准备就绪之前完全阻止，使用 font-display:block。