我们正在阅读并有一些想法的网络上的内容。有没有我们应该知道的链接？告诉我们！
当您使用一些内联的 <svg> 并且您没有设置 height 和 width，但您设置了 viewBox 时，那就是一个 fitwigoo。我喜欢这个名字。
fatwigoo 的问题是 <svg> 会像块级元素一样调整自身大小，呈现出巨大的尺寸，直到 CSS 介入并（可能）具有将它调整到位的尺寸规则。
这就像，如果您使用非常快速的互联网进行开发，您可能永远不会看到它。但是，如果您在互联网速度慢或延迟高的地方（或者如果您是 Karl Dubost 并且实际上阻止了 CSS），您可能会一直看到它。
在我了解到这有多讨厌之前，我曾经也是这样做的。起初，在 HTML 而不是 CSS 中调整大小感觉很奇怪。我现在通常的解决方案是在内联 SVG（可能是图标）上保留合理的默认值，例如 height="20" width="20"，并在 CSS 中进行实际的尺寸调整。
Petr Gazarov 在他的文章 文本输入高亮，TripAdvisor 风格 中发布了一个非常棒的小设计模式。
这是一个技巧！您无法真正使 <input /> 那样伸展，因此 Petr 创建了一个 <span></span> 来同步值，它充当边框本身。整个内容是一个 React 组件。
如果您愿意使用 <span contenteditable></span>，您可以完全使用 CSS 完成！
假设您正在尝试报告错误，并且想要尽最大努力。也许这是您的工作！例如，您正在为自己的开发团队记录错误以供修复。您希望提供尽可能多的详细信息和上下文，而不会让人感到不知所措。
您知道什么效果很好吗？简短的视频。
更好的是，视频加上有关上下文的详细信息，例如当前浏览器、平台和版本。
但是，如果您真的想将其提升到一个新的水平，那么如何将这些内容与可重放的网络流量和 JavaScript 日志结合起来呢？这正是 BugReplay 所做的。
Sketch 在屏幕设计工具世界中占据着举足轻重的地位。在 Media Temple 博客上，我尝试探讨了我认为这可能的一些原因。
有一个 JavaScript 库，Focusingly，它说
使用 Focusingly，焦点样式会适应并匹配各个元素。
无需配置，Focusingly 会自动识别。结果是令人愉悦的定制效果，可以巧妙地吸引眼球。
其理念是，如果链接颜色（或任何可聚焦元素）是红色，则轮廓也将是红色，而不是可能在美学上不理想的模糊浅蓝色。
为什么使用 JavaScript？我不确定具体原因。Matt Smith 制作了一个演示，显示 outline 颜色继承自 color，这产生了相同的结果。
a:focus {
outline: 1px solid;
outline-offset: .15em;
}很好的抱怨。谢天谢地，这是一篇推文风暴，而不是一篇可读的博文。😉
我将这种想法应用于机顶盒电视的 UX。在我父母家，切换频道需要大约 4-5 秒才能显示新频道及其所有叠加层和垃圾信息。以前，您可以旋转一个旋钮，新频道就会立即显示。
您可能认为性能是一个稳定的前进过程。现在的计算机速度如此之快！ 但它可能只是一个稳定的倒退过程。
Richard Rutter 为支持他的新书 Web Typography 分享了大量关于数据表格设计的实用建议。以下是一个很好的建议
您可能会考虑使所有列的宽度相同。但这对内容的可读性毫无帮助。某些表格单元格将过宽，导致数据丢失并与其相邻单元格分离。其他表格单元格将过窄，使数据显得拥挤且不舒适。表格列的尺寸应根据其包含的数据确定。
我很高兴能再次想到对齐小数点的数字的可能性
td { text-align: "." center; }但据我所知，对此的支持几乎不存在。另一个提示，使用 font-variant-numeric: lining-nums tabular-nums; 确实有一些支持。
表格可以很漂亮，但它们不是艺术品。与其进行绘画和装饰，不如为您的读者设计表格。
Eva Ferreira 在演示每个概念之前，先驳斥了一些关于 CSS Grid 的错误观点
❌ Grids 出现是为了取代 Flexbox。
❌ Flexbox 是 Grid 的后备方案。
更多关于原型设计的实用建议
开始思考网格结构的最佳方法是在纸上绘制它；您将能够看到正在处理的列、行和间隙。在纸上涂鸦不需要很长时间，它将让您更好地理解整体网格。
如今，如果您能够绘制布局，您可能就能真正地实现它。
Terence Eden 深入研究了添加一种新的 HTML 输入类型以允许用户从列表中选择国家/地区的复杂性，如 Lea Verou 的建议 所述。Lea 建议它可以像这样简单
<input type='country'>然后，瞧！浏览器中将显示一个包含所有国家/地区的列表的输入。但 Terence 描述了为浏览器制造商制作围绕该微小输入的用户体验的难度
让我们从最重要的问题开始。什么是国家？这几乎是最有争议的话题！它涉及国家认同、国际政治和世袭关系。例如，苏格兰是一个国家。这是一个（相当）无可争议的陈述——然而，在下拉列表中，我很少看到它被提及。为什么？因为它是大不列颠及北爱尔兰联合王国四个国家之一——因此它通常（但并非总是）包含在其中。一些国家/地区彼此不承认。一些国家/地区认为另一个国家实际上是其一部分。一些国家/地区根本不存在。