Angela Craven 和 SuAnne Hall 对内向的思考、采访和研究可以成为 UX 领域的资产。 像世界上大多数计算机界人士一样，我性格内向，而且相当极端。 我自己的想法。 以及一个有趣提醒，不要太讨厌它。

作为对 这场对话 的后续，Paul Irish 向我们展示了

旧的 flexbox (display: box) 比新的 flexbox (display: flex) 慢 2.3 倍。

记住孩子们：工具，而不是规则。

采用非常注重性能的基于数据的方法。

Philip Walton 关注了 Flexbox 出现之前让人头疼的常见 CSS 布局问题。

重新审视第一个普遍可访问的 Web 浏览器

Nikita Vasilyev 的更多巧妙设计。 当可聚焦元素处于其 :focus 状态时，围绕它的蓝色发光轮廓会“飞”到下一个可聚焦元素（您必须亲眼看看）。 因此，当您使用 Tab 键四处移动时，您可以非常清楚地看到焦点移动到了哪里。

我认为这种效果很轻微，认知上的好处值得动画的付出。 还没有收到任何视力障碍者的反馈。 非常想知道这是否对他们有帮助。

Jackie Balzer 的趣味视觉演示。 我不知道几个，比如 transparentize。 它 看起来 与 rgba 相同，但我更喜欢 transparentize 这个词。 我也不知道 Compass 添加了一些它自己的，比如 shade，它添加了黑色，与 Sass 的 darken 不同。

使用最广泛的 CSS 属性是……（点击查看之前先猜猜）。

底部有一些有趣的。 有希望的，比如 kerning，以及不够咖啡的，比如 text-underline。

Webstock 正在发布今年的演讲（就像他们过去几年一样），包括 我的。

基于宽度的媒体查询是基于整个浏览器窗口的。 如果浏览器窗口宽度小于 800 像素，则执行此操作。 如果浏览器窗口宽度大于 400 像素，则执行此操作。 但这并不总是足够。 想象一个在 1000 像素下具有 3 列布局的桌面。 每列宽度为 333 像素。 然后您有一个媒体查询断点为 800 像素，将其降级为 2 列布局，第三列在下方。 即使浏览器现在更窄，每列也更宽（400 像素）。 基于列的当前宽度，而不是浏览器窗口，为这些列内的模块编写媒体查询会更容易。

Kumail Hunaid 的项目可以帮助解决这个问题。 我喜欢这种方法。 它为元素添加了类名，然后您使用这些类名来设置样式，因此它非常不显眼。