서브 픽셀 렌더링1 알고 쓰는 서브 픽셀: 웹 개발자와 디자이너의 협업을 위한 필수 지식 목차1. 들어가며2. 서브 픽셀 기술이란?3. 서브 픽셀 렌더링 vs. 서브 픽셀 정밀도4. 서브 픽셀 정밀도가 중요한 CSS 속성들 (1) 적용되는 속성들 (2) 적용되지 않는 속성들5. 마무리 들어가며웹 서비스를 개발하며 디자이너와 협업하다 보면, 다음과 같은 상황을 마주할 수 있습니다.디자인 시안에 border: 1.55px가 적혀있는데, 개발자는 “브라우저가 border 소수점 처리를 제대로 하지 못해, 사실상 적용이 안 된다”고 설명합니다. 그러자 디자이너는 “그럼 box-shadow에는 소수점을 쓸 수 있는데, 왜 border는 안 되나요?”라며 반문합니다. 결국 개발자는 “그 둘은 동작 방식이 다르고, 아무튼 border는 소수점 처리가 안 된다”며 직접 브라우저 개발자 도구를 통해 소수.. 2024. 12. 22. 이전 1 다음
