#반응형웹메뉴

[pinknanati]

반응형 웹사이트 네비게이션 메뉴 아이디어 2

지난 글에 이어서 반응형 네비게이션 메뉴 샘플들을 소개하려고 합니다. 이전 글은 아래 링크에서 확인하세요 ^^ 이전 글 링크 4 Sweet and Responsive Navigation Menus 4 Sweet and Responsive Navigation Menus 배포사이트 데모페이지 작은 화면의 디자인은 같지만, 큰 화면에서는 네가지 패턴의 디자인을 보여주고 있습니다. 여러모로 응용이 가능할 것 같은 심플한 디자인입니다. Secondary Sliding Navigation Secondary Sliding Navigation 배포사이트 데모페이지 하위 메뉴까지 슬라이드를 통해 표시되는 네비게이션 메뉴입니다. 하위 메뉴가 많을 때 이용하기 편리한 메뉴 아이디어입니다. Responsive Sidebar…

[pinknanati]

반응형 웹사이트 네비게이션 메뉴 아이디어 1

반응형 웹사이트의 네비게이션 메뉴라고 하면 햄버거 메뉴(drawer button)가 가장 먼저 생각나게 됩니다. 그런데 최근에는 틀에 박힌 햄버거 메뉴만이 아닌 컨텐츠나 계층구조에 맞춘 네비게이션 메뉴가 늘어나고 있습니다. 최근의 반응형 웹사이트에서 접할 수 있는 네비게이션 메뉴 아이디어를 소개하고자 합니다. 각 페이지에서 코드에 대한 설명을 보거나 직접 다운로드 할 수 있습니다. 무척 편리하네요~ Stripe.Com Navigation Stripe.Com Navigation 배포사이트 데모페이지 Stripe.com에서 사용되고 있네요. 각 아이템의 드롭다운 메뉴와 움직임으로 새로운 느낌의 네비게이션 메뉴가 되었습니다. 컨텐츠에 맞춰 디자인을 변경했습니다. 작은 화면에서는 디자인이 다른 각각의 메뉴가…