David Luhr, Tailwind Labs에 합류

지난 여름부터 David Luhr와 프로젝트 단위로 협력하며 Tailwind UI의 Figma 버전 개발 (거의 완료!), 그리고 Tailwind UI 템플릿 제작 시 접근성 전문 지식을 활용해 모든 사용자를 위한 마크업을 제공하기 위해 노력해 왔습니다. 오늘 David가 정식으로 팀에 합류하게 되어 기쁘게 생각합니다.

David는 접근성 전문가이자 세계적인 프론트엔드 개발자, 뛰어난 교육자, 그리고 따뜻한 리더입니다. 그는 Tailwind UI를 Figma에서 마치 마법처럼 다루며 Steve와 제가 상상도 못했던 작업을 해냈고, Steve의 Tailwind UI 디자인을 픽셀 단위로 완벽한 HTML과 CSS로 변환하는 놀라운 작업을 해왔습니다.

HTML이 배우기 쉽다고는 하지만, 완벽하게 익히기는 어렵습니다. David는 웹 개발 20년 동안 한 번도 접하지 못한 스펙에 대한 지식을 가지고 있으며, 실제 기기 테스트를 통해 축적한 지식이 너무 방대해서 David가 기본적으로 작성하는 마크업만큼 완벽한 코드를 작성하려면 수년의 노력이 필요할 정도입니다.

개발자들이 더 나은 인터페이스를 빠르게 구축할 수 있도록 돕는 회사로서, 우리가 만드는 도구가 기본적으로 접근성 모범 사례를 따르도록 하는 것은 우리의 책임입니다. David가 팀에 합류해 이 책임을 다할 수 있게 되어 정말 감사하게 생각합니다.

David가 도움을 준 가장 좋은 문제 중 하나는 Tailwind CSS v2.0의 새로운 ring utilities를 개발한 것입니다. David가 Tailwind UI의 접근성 개선을 위해 작업을 검토하기 시작했을 때, 일부 포커스 스타일이 충분히 명확하지 않다는 지적을 받았습니다. 예를 들어 버튼의 색상만 변경하는 것은 충분하지 않다는 것이었습니다. 포커스 링과 같이 화면에 새로운 것이 그려져야 누구나 쉽게 확인할 수 있습니다.

이 문제를 해결하기 위한 방법을 찾는 것은 어려웠습니다. 보기 좋아야 했고, 유틸리티 클래스로 간단하게 구현할 수 있어야 했으며, Tailwind 내부에서 실제로 구현 가능해야 했습니다. David는 비디오 게임 콘솔이나 Apple TV와 같은 인터페이스를 연구해 보자고 제안했고, 마우스로 상호작용할 수 없는 환경에서 영감을 얻어 커스터마이징 가능한 오프셋 포커스 링을 구축하기로 결정했습니다.

이를 구현하는 것은 어려웠습니다. 박스 쉐도우를 사용해 구현해야 했고, 기존 박스 쉐도우 API와 조합할 수 있어야 했기 때문입니다. 여러 번 좌절할 뻔했고, 혼자 작업했다면 포기했을지도 모릅니다. 하지만 결국 해결했고, 이제는 프레임워크에서 가장 좋아하는 기능 중 하나가 되었습니다.

David는 Tailwind UI의 컴포넌트 및 디자인 자산 개발을 주도하고, Tailwind CSS와 Headless UI와 같은 다른 프로젝트에서 접근성 지침을 제공할 예정입니다. 지난 6개월 동안 함께 작업한 경험은 정말 멋졌고, 이제 그가 정식으로 팀에 합류하게 되어 매우 기쁩니다.

David의 작업을 계속 따라가고 싶다면? David의 Twitter 팔로우 →