我们去年夏天开始与 David Luhr 合作，以项目为基础帮助我们开发 Tailwind UI (almost ready!) 的 Figma 版本，并利用他在构建 Tailwind UI 模板时的可访问性专业知识，确保我们遵循最佳实践并提供适用于所有人的标记，无论他们使用什么工具浏览网络。我们开始与 David Luhr 合作，按项目帮助我们开发 Tailwind UI 的 Figma 版本（几乎准备好了！），并利用他的无障碍专业知识在构建 Tailwind UI 模板时，确保我们遵循最佳实践并提供适用于所有人的标记，无论他们使用什么工具浏览网页。
今天，我们很高兴地宣布 David 已全职加入团队！今天我们很高兴地分享，David 已经全职加入了团队！
David is an accessibility expert, a world-class front-end developer, a gifted educator, and a compassionate leader. He's performed black magic with Tailwind UI in Figma that Steve and I didn't even know was possible, and he's been doing an incredible job turning Steve's Tailwind UI designs into pixel-perfect HTML and CSS that works for everyone.ve 的 Tailwind UI 设计转化为适用于所有人的像素完美的 HTML 和 CSS 方面做得非常出色。
Say what you will about HTML being easy to learn, it's a bear to master. David knows things about the spec that I've never encountered in 20 years of building things for the web, and has so much built up knowledge from his own real-world device testing that it would take years of dedicated focus to even come close to writing markup as bullet-proof as what David produces by default.无论你怎么说 HTML 容易学习，它都是一个难以掌握的东西。David 知道关于规范的事情，我在 20 年的网络构建中从未遇到过，并且他从自己的实际设备测试中积累了很多知识，如果没有多年的专注，甚至无法接近 David 默认生成的防弹标记。
As a company that specializes in helping developers build better interfaces faster, it's our responsibility to make sure that the tools we build follow accessibility best practices by default, and we couldn't be more grateful to have David on the team to help us live up to that responsibility.作为一家专注于帮助开发人员更快构建更好界面的公司，我们有责任确保我们构建的工具默认遵循无障碍最佳实践，我们非常感谢 David 加入团队，帮助我们履行这一责任。
One of my favorite problems David has helped me solve is developing the new ring utilities in Tailwind CSS v2.0. When David first started auditing our work in Tailwind UI for accessibility improvements, he mentioned that some of our focus styles were not obvious enough. It turns out that just changing a button's color for example isn't good enough — it's important that something new is drawn to the screen (like a focus ring) that is really easy for anyone to see.David 帮助我解决的最喜欢的问题之一是开发 Tailwind CSS v2.0 中的新 ring utilities。当 David 首次开始审计我们在 Tailwind UI 中的工作以进行无障碍改进时，他提到我们的一些焦点样式不够明显。事实证明，仅仅改变按钮的颜色是不够的——重要的是屏幕上绘制一些新的东西（如焦点环），这对任何人来说都很容易看到。
Trying to come up with a way to solve this was hard. It needed to look good, needed to be straightforward to do with utility classes, and needed to be possible to actually implement in Tailwind internally. David suggested we study the interfaces of things like video games consoles or the Apple TV for inspiration since you can't interact with them with a mouse, and that's where we landed on trying to build some sort of customizable offset focus ring.试图找到解决这个问题的方法很难。它需要看起来不错，需要用实用程序类来做，并且需要在 Tailwind 内部实际实现。David 建议我们研究视频游戏控制台或 Apple TV 等界面的灵感，因为你不能用鼠标与它们交互，这就是我们尝试构建某种可定制的偏移焦点环的地方。
Coming up with an implementation for this was hard because it needed to be implemented with a box shadow, and we had to somehow make it composable with the existing box shadow API. There were many moments where I got frustrated and I might have even given up on it if I was working on it alone, but ultimately we figured it out and now it's one of my favorite features in the framework.为此提出一个实现方案很难，因为它需要用盒子阴影来实现，并且我们必须以某种方式使其与现有的盒子阴影 API 组合。有很多时候我感到沮丧，如果我一个人工作，我可能已经放弃了，但最终我们解决了这个问题，现在它是框架中我最喜欢的功能之一。
David will be leading component and design asset development on Tailwind UI, and providing accessibility guidance on our other projects like Tailwind CSS and Headless UI. It's been an amazing experience working with him over the last 6 months and we are so excited to have him on the team full-time.David 将领导 Tailwind UI 的组件和设计资产开发，并为我们的其他项目（如 Tailwind CSS 和 Headless UI）提供无障碍指导。过去 6 个月与他合作的经历非常棒，我们非常高兴他全职加入团队。
Want to keep up with David's work? Follow David on Twitter →想了解 David 的工作进展吗？在 Twitter 上关注 David →