你是否曾经发现自己要么写了一个看起来很混乱的 CSS 选择器，要么在阅读别人的代码时看到了一个？ 那天就发生在我身上。

这是我写的

.site-footer__nav a:hover u003e svg ellipse:first-child { }

最后，我甚至无法向自己解释它到底做了什么。 LOL，这可能意味着有更好的方法来编写它。

但 Kitty Giraudel 有这个方便的新工具，可以解释你扔给它的任何选择器。

继续阅读 →

<input type="number">, <input type="date">, <input type="search">, <select multiple>, <progress>, <meter>, <dialog>, <details><summary>, <video>, <div onclick>, <div aria-label>, <a href><div>块链接</div></a>, aria-controls, role="tablist"

😬😬😬😬😬😬😬😬😬😬😬😬

想想使用 Gatsby 构建网站就像一个沙漏形状。

Gatsby 本身位于中间。 顶部的宽漏斗代表 Gatsby 可以从各种 来源 获取数据。 数据可以是 markdown 文件，来自无头 CMS 或其他 API，来自托管数据库，或者几乎任何东西。

底部的宽漏斗代表 Gatsby 的输出是静态文件，因此这些文件可以去任何地方。 Netlify、GitHub Pages、ZEIT、S3，等等。

继续阅读 →

Tim Kadlec:

我看到的一种特定模式[用于加载非关键 CSS] 是预加载/polyfill 模式。 使用这种方法，您将所有样式表加载为预加载，然后使用它们的 onload 事件，一旦浏览器准备就绪，就将它们更改回样式表。

所以你试图让你的样式表更异步，但这会造成两个大问题

1. 您已将下载的优先级提高到任何其他资产之上。
2. 您也阻塞了 HTML 解析器（因为 polyfill 是一个内联脚本）。

继续阅读 →

来自 Sebastiano Guerriero 的漂亮 演示。 当一个固定位置的标题从重叠的不同颜色背景移动时，颜色会翻转出来以适合该背景。 Sebastiano 的技术非常巧妙，涉及在每个部分内多个标题副本（这些副本对屏幕阅读器隐藏），它们都彼此叠加，然后随着新部分的出现而显示，这要归功于每个部分都有一个 clip-path 围绕它。

如果我曾经见过的话，这绝对是一个 CSS 技巧。

它让我希望有一种更简单的方法。 就像，如果有一个神奇的 mix-blend-mode 值可以处理它？ 我非常接近，这给了我希望。

这是 Tim Kadlec 的一个好主意。 他使用 Modheader 扩展程序在他的浏览器中切换自定义标题。 它还允许他查看图像是否太大，需要以某种方式进行优化。 这是一个在本地环境中捕获此类问题的好方法，因为浏览器会抛出错误并且根本不会显示它们！

继续阅读 →

您应该做的事情的清单，以使您的网站尽善尽美。 其中 80% 对任何网站都是一个好主意，不仅仅是 WordPress 网站。

我链接到它是因为我喜欢它的清晰语言，并且因为它是一个很好的例子，说明赠送东西比伤害更多。 这本质上是 Aurooba Ahmed 审计服务的营销网站。 如果您聘请她进行审计，Aurooba 将帮助您解决什么问题，这不是一个谜，因为她会准确地告诉您她要做什么。 这个公开的清单并没有让我觉得，“哦，我自己做就行了”。 它让我觉得，“不错，她显然知道自己在做什么，让我们让她去做吧”。

这是 Stephanie Stimac 关于她教授孩子们 Web 开发基础知识的经验的感人帖子

[…] 来自那堂高中生课程的反应让我感到高兴，并让我以以前从未有过的方式稳定下来。 我认为是一段简单的代码对他们来说是绝对的魔法。 而且对于我们所有编写代码的人来说，我认为我们都忘记了它是魔法。 计算魔法，但仍然是魔法。 HTML 和 CSS 是魔法。

继续阅读 →

Erik Kennedy 写了一篇关于为 iPhone 设计的 设计建议。 Erik 说，“就像 Apple 的 Human Interface Guidelines 一样，只是有插图和可读性”。

这主要适用于原生 iOS 应用程序之类的东西，但这让我想知道在进行移动渐进式 Web 应用程序时，需要满足多少这样的要求。 一方面，这种东西看起来很有趣，可以尝试在 Web 上构建，而且让你的 Web 应用程序感觉非常原生会很酷。 另一方面，这不会让 Android 和其他非 iOS 平台变得更加尴尬吗？

继续阅读 →

您是否正在寻找一份打卡上下班的技术工作，还是一份让您被 看见的职业？

被 Indeed 看见 是一款面向软件工程师、产品经理和其他技术专业人士的匹配服务，它会筛选数千家公司 - 例如 Twilio、Overstock、VRBO 和 PayPal - 并将像您这样的技术人才与能助您更进一步的角色相匹配。 被 Indeed 看见不仅会根据技能、经验和薪资进行匹配，还会在每一步都与您同在，提供免费的一对一职业指导、简历审查和深入资源。

因此，无论您需要谈判技巧、人脉关系策略，还是只是想与某人谈谈您的职业生涯，被 Indeed 看见 都能满足您的需求。 事实上，您可以从 获取免费简历审查 开始，该审查涵盖格式、如何击败简历筛选机器人以及如何展示自己的个性化技巧。

您还在等什么？ 使用 Indeed 的新技术匹配平台来提升您的职业生涯。