我们刚刚完成了这个迷你系列，所以我想我们应该给它画上句号。也许对其他所有运营小型网络软件业务的人来说，（并且可能具有宣泄作用）都很有趣。

在 MediaTemple 博客上，我向您展示了如何仅使用几行代码制作一个非常不错的轮播图。这是整个前提

每次在博客文章中提到轮播图时，都需要提及…现在跟着我一起说

您可能不应该使用轮播图。

Jared Smith 专门为此创建了一个微型网站，其中包含支持不应使用轮播图这一想法的研究和论证。大多数信息都集中在非第一张幻灯片参与度低的事实上。

我并不是要与数据争论，但我确实要与“永远不要使用它们”的教条主义争论。在移动设备上滑动是一个非常常见的动作，什么是揭示更多内容的滑动？基本上就是一个轮播图。一个不需要太多交互的轮播图呢？也许只是浏览艺术家最近作品的一种方式。这似乎是一种非常好的方法，只要 UI 清晰且实现了可访问性。

我在这里要谈论的是您确实想要轮播图的情况，以及抵制使用一车轮代码来实现的诱惑。我保证有些人选择了一个完整的 CMS，因为他们认为他们需要它来制作一个轮播图。不要害羞。我们都在学习。

我有好消息：轮播图不必复杂。它们不需要大量的代码，也不需要做任何超出您使用基本的 HTML、CSS 和 JavaScript 知识就能理解的事情。

这不仅仅是我的想法，我链接到所有多年来一直在解决此主题的聪明人，他们制作了类似的简单而精彩的演示。

我做了一个在线研讨会（由 Shopify 组织），其中我做了我的“您可以并且应该使用 SVG 的 10 件事”的演讲。您可以在此链接中观看视频。Sara Chisholm 将其分解成一篇文章，涵盖了我的一些观点并嵌入了一些演示。

我无法判断 AMP 是否会成为网络上一个好主意或坏主意。

不过，我可以尝试回答这个问题：这些网站并不在乎您在哪里阅读它们。他们只是希望人们去阅读它们。阅读它们。喜欢它们。信任它们。因此，当他们有东西要出售（在任何意义上）时，他们就会出售它。失去这种关注比失去对其发布内容的直接流量更令人恐惧。虽然没有明说，但 AMP 正在说：没有它，您可能会失去这种关注。

当然，这不仅仅是 AMP，还有大量异地发布地点。如此之多，以至于我认为出版商们说：“随便吧，简单点就好，我们会把我们的内容发布到任何你想去的地方。”

Stu Cox 解释说，有很多方法您可能认为可以获得关于浏览器是否支持触摸的“是”或“否”答案

• 宽度媒体查询
• 与触摸相关的 DOM 事件
• 与触摸相关的 API
• 指针媒体查询

围绕此问题的正常说法是“有些设备是两者兼而有之，因此您在这些设备上会出错，”这是真的，但实际上比这更成问题。这些测试方法通常完全错误。

所以

对于布局，假设每个人都有触摸屏。鼠标用户比触摸用户更容易使用大型 UI 控件，而触摸用户更容易使用小型 UI 控件。悬停状态也是如此。

对于事件和交互，假设任何人都可能拥有触摸屏。同时实现键盘、鼠标和触摸交互，确保它们不会相互阻挡。

Gina Trapani 对 WordPress 做出了公正的评价。我一直毫不犹豫地使用 WordPress很长时间了。

我也迫不及待地想看看它的未来会是什么样子

Automattic 的基于 React 的 Calypso 重写WordPress 管理员是一个明确的信号，表明至少社区的领导者正在尝试重新构想 2016 年诞生的 WordPress 会是什么样子。最终？很快？

张文婷仅使用 HTML 和 CSS 创建了 512 个 (!) 图标。通常只有一个元素，偶尔会添加额外的元素，并使用边框、背景和阴影等绘制。

看起来张文婷遇到了与Nicolas Gallagher相同的错误。利用CSS 可以生成的形状并将其组合起来进行绘制。

可以预见的是，我要指出 SVG 将是此项目的更理想工具。更不容易出错，更容易维护和设置样式，可缩放等。我提到这一点并不是为了贬低这个令人印象深刻的项目，而是因为我希望看到一个类似的项目，其中图标是用手工制作的路径和代码压缩绘制的。

Jake Archibald 深入探讨了媒体查询嵌入到 SVG 本身内的<style>块中，然后以各种不同方式跨不同浏览器使用时，其行为有多么奇怪。结果最多是零星的。

最好看到这一点得到控制，但总的来说，我不太担心。内联 SVG 似乎没有任何问题，而且我也不会相信<img>会做任何花哨的事情，比如拥有内部媒体查询。

J. Renée Beach

在几次会议中，Matt 提到文本字符串“显示更多反应”被挤压在一起并读作“Showmorereactions”。

事实证明，一种流行的视觉隐藏内容（但不对辅助技术隐藏）的技术涉及设置width: 1px;，这迫使单词在每行显示一个单词，并带有“换行”断行，辅助技术对此的处理方式与空格不同。

Facebook 必须更新其可访问的隐藏类以包含white-space: nowrap;来修复此问题。Gaël Poupard 建议用更新的剪辑替换已弃用的剪辑，除了回退。

.accessible_elem {
  clip: rect(1px 1px 1px 1px); /* IE 6/7 */
  clip: inset(50%); /* fix */
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; /* fix */
  width: 1px;
}

Una Kravets 提供了许多示例，这些示例实际上是您可能认为需要 JavaScript 但实际上可以使用 HTML 和 CSS 独自完成的功能。您可能会期望有一堆“复选框技巧”之类的东西（并且确实存在），但它涵盖了相当广泛的技术。

我喜欢这种微型网站的风格，类似于您可能不需要 jQuery（或插件）或您可能不需要 Underscore。

当您看到所有这些东西放在一起时，确实会让您思考…是否可以拥有某种CSS 中的任意状态管理？