ux dev

커스텀 커서와 프리로더를 사용한 홀드 트리거 인터랙션 만들기이 블로그 포스트에서는 커스텀 커서와 프리로더 버튼을 사용하여 홀드 트리거 인터랙션을 만드는 과정을 안내합니다. 이 인터랙션은 버튼을 눌러 확인하거나 기능을 잠금 해제하는 등의 시나리오에서 유용합니다. HTML, CSS 및 JavaScript를 사용하여 이 효과를 달성할 것입니다.See the Pen Mouse Hold Event by siimplelab (@siimplelab) on CodePen. HTML 구조먼저 기본 HTML 구조를 설정합니다. 커스텀 커서와 프리로더 섹션이 버튼으로 사용됩니다. HeaderCSS 스타일링다음으로, 요소들을 스타일링합니다. 커서는 마우스 움직임을 따라가고, 프리..

(* 심이서 님이 작업해 주신 피그마 커뮤니티 파일을 널리 공유하고자 하는 블로그 포스트입니다.) 디자인 작업을 하다 보면 다양한 리소스가 필요합니다. 특히, 은행과 관련된 프로젝트를 진행할 때는 각 은행의 로고가 중요합니다. 오늘 소개할 무료 리소스는 대한민국의 주요 은행 로고를 모아놓은 피그마 커뮤니티 파일입니다.리소스 링크:대한민국 은행 로고 모음 피그마 파일이 리소스의 장점:무료로 사용 가능: 피그마 커뮤니티 파일로 누구나 무료로 접근하여 사용할 수 있습니다. 디자인 비용을 절약할 수 있는 좋은 기회입니다.고품질 벡터 이미지: 모든 로고는 고품질 벡터 형식으로 제공되며, 크기를 조정해도 해상도 저하가 없습니다.편리한 사용: 피그마 내에서 바로 수정하고 사용할 수 있어, 작업 효율성을 크게 높일 수..