去年夏天，我们开始与 David Luhr按项目合作，帮助我们开发 Tailwind UI的 Figma 版本（几乎准备好了！），同时利用他在可访问性方面的专业知识，在构建 Tailwind UI 模板时确保我们遵循最佳实践，并提供适用于所有人的标记，无论他们使用什么工具浏览网页。
今天，我们很高兴地宣布 David 已正式加入团队！
🌐 Today we're excited to share that David has joined the team full-time!
David 是一位无障碍专家、一流的前端开发者、天赋异禀的教育者和富有同情心的领导者。他在 Figma 中使用 Tailwind UI 展现出了别人难以想象的高超技巧，即使是 Steve 和我也没想到可能做到，而他在将 Steve 的 Tailwind UI 设计转化为对每个人都适用的像素级完美 HTML 和 CSS 方面的表现同样令人赞叹。
🌐 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.
无论你怎么说 HTML 容易学，但要精通它可不简单。大卫了解规范中的许多细节，而这些是我在 20 年构建网页的经验中从未遇到过的，他通过自己的真实设备测试积累了大量知识，要想达到像大卫默认生成的那样稳健的标记，需要多年的专注实践。
🌐 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.
作为一家专注于帮助开发者更快地构建更佳界面的公司，我们有责任确保我们构建的工具默认遵循无障碍最佳实践，我们非常感谢 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 帮我解决的我最喜欢的问题之一是开发 Tailwind CSS v2.0 中新的 ring 实用工具。当 David 刚开始审核我们在 Tailwind UI 中的可访问性改进工作时，他提到我们的一些聚焦样式不够明显。事实证明，仅仅改变按钮的 颜色 例如是不够的——重要的是屏幕上需要显示一些 新的 元素（例如聚焦环），这样任何人都能轻松看到。
想出解决这个问题的方法很难。它需要看起来不错，需要用实用类来简单实现，并且实际上需要能够在 Tailwind 内部实现。David 建议我们研究一下像游戏机或 Apple TV 这样的设备的界面，以寻找灵感，因为你不能用鼠标与它们交互，而这也促使我们最终尝试构建某种可自定义的偏移焦点环。
🌐 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.
想出一个实现方案很困难，因为它需要用盒子阴影来实现，同时我们还必须以某种方式使其能够与现有的盒子阴影 API 组合使用。有很多时候我感到很沮丧，如果我一个人做这件事，可能甚至会放弃，但最终我们还是解决了它，现在它已经成为我在这个框架中最喜欢的功能之一。
🌐 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.
David 将负责 Tailwind UI 的组件和设计素材开发，并为我们其他项目如 Tailwind CSS 和 Headless UI 提供无障碍指导。在过去的六个月里与他共事是一段非常棒的经历，我们非常高兴他能够全职加入团队。
🌐 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.
想了解大卫的最新工作动态吗？ 在推特上关注大卫 →