一篇关于querySelectorAll奇特行为的有趣文章，它会在你第一眼看到时匹配你可能想不到的元素

我认为这个 API 令人惊讶，我询问过的前端工程师似乎也同意我的观点。然而，这不是一个 bug；这绝对是规范中声明的应该如何工作的方式，并且在 Firefox、Chrome 和 Safari 中也是如此。

Harry Roberts 回顾了他之前关于抽象类的文章，并通过使用@符号扩展了这个想法。

@符号是一种易于阅读和理解的表示条件状态的方式。它允许开发人员只需一目了然地了解相关 UI 部分可能具有的任何潜在排列或外观。

例如，与其创建像.is-hidden--large这样的类（其中元素仅在大型断点上隐藏），不如改为编写.is-hidden@large。它看起来可能有点奇怪，但我认为这对于扫描大量标记并快速了解哪些样式将始终应用以及哪些样式仅在特定情况下应用非常有用。

版本 4 中的重大更改。一些亮点

• 从 LESS 迁移到 Sass
• 此版本的 box-sizing 作为其新的重置的一部分。
• 选择加入（单个变量切换）以在网格/组件上使用 flexbox。
• 类型主要以 rem 为单位设置
• 所有 JavaScript 都是 ES6

以及他们为其进行的另一项重大举措：通过可购买的主题进行货币化，这些主题由 Bootstrap 团队自己设计。

Joni Korpi 在其个人网站的重新设计中，描述了与“可缩放用户界面”或 ZUI 相关的所有问题。例如，点击链接将放大该特定元素，而不是导致整个页面刷新。

没有主页或导航菜单。这两个元素通常是设计中最难的部分，所以我很高兴摆脱它们。在这个设计中，它们都被同一件事所取代：网站内容的可缩放视图。内容本身就是导航。

此设计模式的另一个很好的例子是Work & Co. 的作品集。

有趣的是，它与代码或设计（以传统意义上）无关。它是关于写作、文案、语气等等。与他们的模式截然不同。在我看来很有道理。但是，这些名称似乎没有多少一致性。浏览此处，似乎大多数人认为“风格指南”是一种视觉上的东西。

还有，Facebook。

Tiffany Stoik 写了一篇关于她如何创建一些真正巧妙的像素化悬停效果的文章。

没错，成为 Lodge 会员的一项新福利！

办公时间是为了提供有关网页设计和开发的实时帮助。当办公时间开始时，你将能够直接与另一个人交谈，讨论你在网页设计或开发方面可能遇到的任何问题。

欢迎在我们的实时办公时间加入我们，以获得我们能提供的关于任何网页设计或开发方面的最佳帮助。或者因为你喜欢闲逛、讨论行业问题并自己帮助他人！

Sara Simon最近在伯灵顿 Ruby 大会上的演讲，重新整理成一篇论文。它讲述了探索成为编程语言流利者的不同方法。但它也讲述了

当我们离开电脑走进厨房时，我们可以从软件开发中学到什么。当我们离开电脑走进新闻编辑室时。当我们参加象棋比赛时。当我们参加外语课程时。当我们登上舞台时。

这是一篇很长、很深入的文章，值得反复阅读。

模板层次结构的视觉和链接版本。如果你在WordPress 网站上工作，最好了解所有内容是如何像瀑布一样向下流向 index.php 文件的。除非存在更具体的页面，否则该文件将用于呈现任何页面。它看起来很复杂，但它允许你对模板进行非常具体的设置，而无需做太多事情，只需放置一个文件即可。

最新的成员是singular.php，它来自 4.3 版本，涵盖了single.php和page.php现在组合在一起的功能。

一个巧妙地说明的网站，它介绍了在您在浏览器中输入 URL 后会发生什么。这将回答诸如什么是根服务器和IP 地址到底是什么之类的问题？