不久前，Umar Hansa 发布了一篇关于 Chrome DevTools 中最有趣的新功能 的文章，这些功能是在 2020 年发布的。事实上，就在本月早些时候！

但在那段时间里，Chrome 已经掌握了一些新技巧。Umar 涵盖的功能之一是模拟某些浏览条件的能力，包括（其中许多）视觉缺陷，例如视力模糊。

继续阅读 →

Jim Nielsen:

对于我来说，数据集甚至不接近。

Google Analytics 通过在您的网站上放置一小段客户端 JavaScript 代码来工作。 Netlify Analytics 通过解析服务器端服务器日志来工作。就功能而言，它们并不完全是苹果和苹果的比较。我认为，Google Analytics 功能更强大。您可以执行诸如跟踪自定义事件之类的操作，这对于网站来说可能 非常重要 的分析数据。但它们都拥有基本功能。它们都想要告诉您您的主页获得了多少次页面浏览量，例如。

继续阅读 →

这是 Phuoc Nguyen 的一个不错的网站，我之前注意到他 非常擅长 制作聪明的网站。 这个 vs 那个 将不同的相关概念作为文章主题相互比较。例如，CSS 有 display: none;、opacity: 0; 和 visibility: hidden;，它们表面上都“隐藏”了一些东西，但它们在本质上是截然不同的，这对于理解很重要。 这是一篇文章。内容 是开源的，如果您想添加任何内容。

继续阅读 →

Nicky Meuleman，受 Cassie Evans 的启发，详细介绍了他们在网站上构建锚链接悬停的方式。当鼠标悬停在链接上时，另一个颜色的下划线会从两边滑入，在两者之间留有间隙。典型的 text-decoration 这里帮不了忙，所以使用了多个背景，幸运的是，它也适用于跨多行换行的文本。

继续阅读 →

leading-trim 是一个建议的新 CSS 属性，它允许我们删除每种字体的额外间距，以便我们可以更准确地设置文本样式。Ethan Wang 已经写过这篇文章 - 包括微软是如何倡导它的 - 以及它现在是 行内布局模块级别 3 规范的一部分。

继续阅读 →

Sarah Higley 从事无障碍工作，并 发现“表格和网格在无障碍错误中被过度使用。”

这个鼓已经敲过无数次了：不要将<table> 用于布局。但是，风水轮流转。在“表格和网格出错的一些方式”列表中，排名第一的是什么？

在需要表格的地方使用网格，反之亦然

这一天终于到来了。CSS 网格已经深入到使用中，以至于开发人员默认使用它，而不是使用经典的 <table>。而且我们还没有飞行的汽车！

继续阅读 →

CSV 导入作为一项流程是不可行的。混乱的客户数据、边缘情况、编码格式、错误消息、非技术用户：将数据导入应用程序是一件很痛苦的事情！数据摄取长期以来一直被忽视，因为它是一种软件产品体验，导致客户沮丧和浪费工程周期来重建那些用户已经期望拥有的东西。对于专注于构建核心差异化功能的产品团队来说，这是一个巨大的干扰。

我们将研究将混乱的电子表格转换为结构化产品数据的弊端，以及通常如何解决这些问题，以及 Flatfile Portal 如何解决 CSV 导入中固有的技术和用户体验挑战。

继续阅读 →

An Event Apart 一直在举办这些为期一天的在线“在线一起”会议。您可以查看过去的两场会议，它们在有限时间内提供点播观看（购买，想看的时候就看）

• 在线一起（可观看至 2020 年 12 月 15 日）
• 以人为本的设计（可观看至 2021 年 1 月 20 日）

下一场活动是任何阅读 CSS-Tricks 的人都想参加的。它被称为 “前端焦点”，这正是我们在本文中一直讨论的主题。 立即注册参加活动！活动于 8 月 17 日举行，日程安排中充满了来自杰出演讲者的精彩演讲，例如 设计原则 来自 Jeremy Keith、未来证明 CSS 来自 Ire Aderinokun，以及来自 Una Kravets 的 现代 CSS 技巧s，以及其他一些演讲者。

这是 Corey Ginnivan 制作的一套很棒的图标，它既免费又无需在使用时进行归属。样式超级简单。在我看来，每个图标都像 macOS 中的旧版图标一样，因为它们很可爱，但又不过于可爱。

继续阅读 →

Joan Perals 制作了一个非常不错的 网站，它从 Lynn 的 一个 div 等东西中汲取灵感。使用多个 硬停止 background-image 渐变，您不需要额外的 HTML 元素来绘制形状 - 您可以在单个元素上绘制任意多个形状。甚至有一个 堆叠顺序 可以使用。用背景绘图确实是 CSS 技巧！

该网站将您的绘图 ID 存储在 localStorage 中，因此您可以在那里获得基本 CRUD 功能。我敢打赌，整个事情距离成为一个离线 PWA 并不遥远。