ux dev

See the Pen Intersection Observer - Simple Scroll Animation by siimplelab (@siimplelab) on CodePen.이 블로그 포스트에서는 IntersectionObserver API를 사용하여 스크롤 시 이미지가 나타나는 인터랙티브 웹 페이지를 만드는 과정을 안내합니다. 이 기능은 웹 페이지의 시각적 매력을 높이고 사용자의 참여를 유도하는 데 도움이 됩니다. HTML, CSS, 그리고 JavaScript를 사용하여 이 효과를 구현할 것입니다.HTML 구조먼저, 기본 HTML 구조를 설정합니다. 헤더 섹션에는 사용자에게 스크롤을 유도하는 타이틀이 있고, 스크롤 시 표시될 이미지를 포함한 포스터 섹션이 있습니다. SCROLL DOW..

See the Pen Untitled by siimplelab (@siimplelab) on CodePen.이 블로그 포스트에서는 커스텀 커서와 마우스 움직임에 반응하는 헤더 타이틀을 활용하여 인터랙티브 웹 페이지를 만드는 과정을 안내합니다. 이 효과는 웹 페이지에 시각적 매력을 더하고, 사용자의 관심을 끌기에 좋습니다. HTML, CSS, 그리고 JavaScript를 사용하여 이 기능을 구현할 것입니다.HTML 구조먼저, 기본 HTML 구조를 설정합니다. 커스텀 커서와 움직이는 헤더 타이틀이 포함된 섹션을 만듭니다. Move Cursor CSS 스타일링다음으로, 요소들을 스타일링합니다. 배경색을 파란색으로 설정하고, 헤더와 커서를 스타일링합니다.body..

오늘날의 빠르게 변화하는 세상에서 정확하고 최신의 날씨 정보를 갖추는 것은 일상 활동, 여행 계획, 심지어 안전을 위해서도 매우 중요합니다. Ventusky는 실시간 날씨 데이터를 시각적이고 상호작용적인 방식으로 제공하는 혁신적인 날씨 예보 서비스입니다. 이 블로그 게시물에서는 Ventusky를 소개하고 이 서비스를 효과적으로 사용하는 방법을 안내합니다.Ventusky란 무엇인가요?Ventusky는 실시간 날씨 데이터를 시각적으로 매력적이고 상호작용적인 방식으로 제공하는 웹 기반의 날씨 예보 서비스입니다. "Ventusky"라는 이름은 바람을 의미하는 라틴어 "Ventus"와 하늘을 의미하는 "sky"를 결합하여, 포괄적인 날씨 정보를 제공하는 서비스의 특성을 강조합니다. 이 플랫폼은 온도, 강수량, 풍..

깨끗하고 정리된 작업 공간을 좋아하는 Mac 사용자인 경우, 메뉴 바가 다양한 앱 아이콘과 상태 표시기로 인해 혼잡해질 수 있습니다. 이는 산만하고 미적 감각을 해칠 수 있습니다. 이런 문제를 해결하기 위해 Hidden Bar가 있습니다. Hidden Bar는 간단한 Mac 앱으로, 메뉴 바를 쉽게 정리하고 정돈할 수 있도록 도와줍니다. Mac App Store에서 다운로드할 수 있는 Hidden Bar는 정돈된 디지털 작업 공간을 원하는 모든 사용자에게 필수 도구입니다.Hidden Bar란?Hidden Bar는 Mac의 메뉴 바 아이콘을 숨기고 정리할 수 있는 간단하면서도 강력한 애플리케이션입니다. 어떤 아이콘을 표시하고 숨길지 제어할 수 있어, 메뉴 바를 깔끔하고 미니멀리스트하게 유지할 수 있습니다...