CSS

CSS 애니메이션은 사이트에 생동감을 불어넣고 조금 더 다채로워 보이는 효과를 쉽게 줄 수 있기 때문에 흔하게 사용하고 있지만, 정작 timing function을 적을 때 만큼은 별 생각 없이 ease, 혹은 ease-in-out을 휙 적고 말기 십상이다.

font-weight에 따라 너비가 달라지고, 너비가 달라지며 가로로 정렬된 component가 미묘하게 밀리는 UI는 왠지 모를 답답함과 불편함을 준다. font-weight와는 상관 없이 너비를 고정할 수는 없을까?

일반 웹에서 글자 외곽선 효과를 주려면 text-stroke를 사용해서 쉽게 효과낼 수 있다. 다만 브라우저 호환성 문제가 있을 수 있고, 텍스트 내부 그려지는 방식이라 stroke width가 두꺼워지는 경우 글자를 잡아먹는 듯이 보일 수 있다.