Šime 定期为 web 开发人员发布内容,发布在 webplatform.news 上。
Google 发布了定义 Favicon 的指南
Jamie Leach: Google 搜索现在在移动设备上的搜索结果中显示 Favicon。您的 Favicon 应该是 48×48 的倍数(Google 会将其重新缩放为 16×16 以用于搜索结果)。如果网站没有 Favicon 或 Google 认为 Favicon 不合适,则会显示一个通用的地球图标。

您的 Favicon 应该是网站品牌的视觉表现形式,以便用户在浏览搜索结果时能够快速识别您的网站。
顶级网站在声明图标(通过页面头部中的<link>
元素)的方式上令人惊讶地不一致。Twitter 和 Pinterest 这两个相对较新的渐进式 Web 应用提供了两种尺寸的图标。
<!-- example -->
<link rel="icon" href="/icon-32x32.png">
<link rel="apple-touch-icon" href="/icon-192x192.png">
Paciello 集团发布了 ARC 工具包
为了纪念全球无障碍意识日,TPG 正在向公众发布我们的专业级无障碍测试工具。在 https://#/ol33pizq2v 了解所有相关信息,并立即从 Google Chrome 商店下载。 #GAAD
— Paciello 集团 (@paciellogroup) 2019 年 5 月 16 日
Paciello 集团: ARC 工具包,我们的专业级无障碍测试工具,现在可作为 Chrome DevTools 扩展程序使用。此工具检测与 WCAG 2.1 指南 相关的问题。您可以在整个页面或 DevTools 元素面板中选择的节点上运行测试。
请记住,自动化的无障碍工具只能找到某些无障碍问题,需要进行手动测试才能确保完全无障碍。Lighthouse(通过“审核”面板)在执行无障碍审核后建议进行手动检查。

其他新闻
- Jeff Jaffe: W3C 和 WHATWG 达成了一项关于合作开发 HTML 的协议。“W3C 将鼓励社区……直接贡献到WHATWG HTML 和 DOM 代码库;提出问题、提出解决方案、对拟议的解决方案发表评论,并表示支持或反对提案。”
- Paul Calvano:“CSS 和 Web 字体的第一方资源与第三方资源的年龄之间存在显着差距。95% 的第一方字体超过一周,而第三方字体则为 50%……这充分说明了自托管 Web 字体的重要性!”
- Rachel Andrew:CSS 的
subgrid
值是对网格布局的相对简单的补充。例如,如果您有嵌套网格,并且您将grid-template-rows: subgrid
应用于子网格,则此网格将使用父网格的行轨道,而不是创建自己的行轨道。就是这样。(此功能目前仅在 Firefox Nightly 中受支持。) - GitHub 博客: GitHub 现在可以为具有已知安全漏洞的依赖项生成自动安全修复。在 GitHub 网站上,检查存储库的安全选项卡以获取安全警报。如果您打开警报并按下“创建自动安全修复”按钮,GitHub 将创建一个自动拉取请求来修复安全漏洞。
- Rick Viscomi: HTTP Archive 计划在 11 月发布首个年度Web Almanac,这是一份关于 Web 现状的报告,其中包含由不同专家撰写的有趣见解。目前约有 50 名来自 Web 社区的志愿者正在参与其中,他们正在寻找更多贡献者。
我前几天注意到,无论我在我的网站上是否有高分辨率的 Favicon,搜索结果中的图标仍然显示为相当低分辨率(我知道它是 16x16px,但它仍然是从至少 48x48px 重新调整大小的?),以至于细线几乎不可见(比选项卡中显示的图标分辨率低)……有人知道解决方法吗?我是否应该只上传更高分辨率的 Favicon(我的 .ico 是多种尺寸 + 苹果图标的组合),或者 Google 是否会获取最高可用的尺寸然后将其缩小?我是否只需要更粗的线条图标才能使其更清晰?
我想弄清楚这一点的一种方法是找到一个在 Google 搜索中 Favicon 看起来非常清晰的网站,然后查看该网站的 HTML 代码以检查图标是如何声明的以及使用了哪些尺寸。
Favicon 在 DuckDuckGo 中早已确立。它们也出现在桌面搜索中。非常巧妙,因为很快就能清楚地知道这是哪个网站。而且看起来也很不错。