웹을 볼 때 눈을 찡그리지 않게 해주는 크롬 확장 프로그램을 만들었다
Source: Dev.to
우리는 모두 그런 경험을 해봤습니다. 기사, 문서 페이지, 혹은 연구 논문을 열었는데 글꼴이 너무 작고, 줄 간격이 답답하거나, 대비가 그저… 형편없습니다. 눈을 가늘게 뜨고, 확대하고, 레이아웃이 깨집니다. 정말 답답하죠.
Typly.
Typly는 HTML 태그별로 웹사이트의 타이포그래피를 자유롭게 조정할 수 있게 해 주는 가벼운 Chrome 확장 프로그램입니다.
- 글자 크기
- 글꼴 종류
- 줄 높이
- 텍스트 색상
변경 사항은 실시간으로 적용되며, 즐겨 쓰는 스타일을 프리셋으로 저장해 두고 여러 사이트에서 재사용할 수 있습니다.
대부분의 브라우저 확대 도구는 페이지 전체를 한 번에 바꾸어 레이아웃을 깨뜨리지만, Typly는 원하는 부분만 정확히 조정합니다. 본문 텍스트만 크게 하고 헤딩은 그대로 두고 싶나요? 바로 가능합니다. 사이트의 작고 가독성이 떨어지는 산세리프 본문 폰트를 더 읽기 쉬운 폰트로 바꾸고 싶나요? 두 번 클릭이면 끝납니다.
저는 주로 제 자신을 위해 만들었습니다. 문서와 장문 기사를 많이 읽다 보니, 디자인이 형편없는 웹사이트와 씨름하는 데 지쳤거든요. 그런데 생각보다 더 많은 사람들에게 실제로 도움이 된다는 것을 알게 되었습니다.
- 난독증이나 시력이 낮아 특정 폰트 조정이 필요한 사람들
서로 완전히 다른 웹사이트에 태그별 스타일을 깔끔하게 주입하는 일은 예상보다 어려웠습니다. CSS 우선순위가 강하게 적용된 사이트(!important가 여기저기 있거나, Shadow DOM 컴포넌트가 있는 경우) 때문에 주입 방식을 몇 차례 재고해야 했습니다. 실시간 미리보기도 모든 키 입력마다 DOM을 과도하게 조작하지 않도록 디바운싱을 신경 써야 했습니다.
웹에서 의미 있게 읽는 시간을 조금이라도 보낸다면, 한 번 사용해 보세요:
피드백을 언제든 환영합니다—특히 접근성을 위해 사용하시는 분들의 의견을 듣고 싶어요. 어떤 기능이 추가되면 더 유용할까요?