한정이벤트1 카운트다운 타이머 - CSS 스타일링, 긴박감 설계, 접근성 방법 긴박감 있는 카운트다운 타이머, 기능보다 설계가 먼저다솔직히 저는 처음에 카운트다운 타이머를 "기능만 되면 끝"이라고 생각했습니다. setInterval로 숫자가 돌아가면 그게 타이머 아닌가, 하고요. 클라이언트가 "긴박한 느낌이 없다"고 피드백을 줬을 때 처음으로 CSS 스타일링을 진지하게 들여다보게 됐습니다. 그때 알았습니다. 기능이 완성된 타이머와 타이머처럼 느껴지는 타이머는 다른 것이라는 걸.CSS 스타일링이 긴박감을 만드는 방식제가 처음 만든 타이머는 흰 배경에 검은 글씨, 기본 산세리프 폰트였습니다. 숫자는 분명히 줄어들고 있었는데, 보는 사람 입장에서는 아무런 긴박함이 없었습니다. CSS 스타일링이 UI의 감각을 이만큼 좌우한다는 걸 그때까지는 몰랐습니다.폰트를 고정폭 계열로 바꾸고 배경을 .. 2026. 4. 22. 이전 1 다음
