5개 문서가 "UI/UX" 태그에 분류되었습니다

마우스를 올린 위치의 이미지를 확대해 보여주는 뷰어를 JavaScript와 CSS로 만듭니다. 커서 좌표에 맞춰 확대 영역을 움직이고 이미지 경계를 처리하는 방법을 설명합니다.

WAI-ARIA의 역할·상태·속성을 폼, 모달, 아코디언, 탭 예제로 설명합니다. 네이티브 HTML을 우선하고, ARIA 속성과 실제 키보드 동작을 함께 구현해야 하는 이유를 다룹니다.

블로그 썸네일을 브라우저에서 편집하고 PNG로 저장하는 도구를 만들었습니다. 첫 토이 프로젝트의 기획과 디자인, HTML2Canvas를 이용한 구현 과정을 소개합니다.

캐시노트플러스의 페이지 이동과 가입 전환율을 개선한 사례입니다. Next.js 서버에서 이동 경로를 정하고, 클릭·스크롤 데이터를 바탕으로 UI를 바꾼 과정을 설명합니다.

버튼·체크박스·탭 등 UI 요소 32개의 이름과 용도를 예시로 살펴봅니다. Maria de la Riva의 글을 번역하고, 개발자와 디자이너가 나누는 UI 용어를 정리했습니다.