웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UX Planner & Designer


웹을 통해 새로운 창조를 꿈꾸는 인간
Humans dreaming of new creation through the web
WEBDESK
Web Standard
HOME WEBDESK Web Standard
20가지 사이드 메뉴 네비게이션 리소스
Posted by kimdirector | 2015.01.13 | Hit : 17830
목록보기이전보기
20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website
 
사이드 메뉴 네비게이션 기능은 최근 홈페이지 제작 또는 어플리케이션 개발 시, 많이 활용되고 있는 기능 중에 하나입니다. 물론 필수 기능은 아니지만 나름 트렌드로 자리를 잡아가고 있는 상태입니다.
 
소개하고 있는 20가지 정도의 사이드 메뉴 네비게이션 시스템을 구현하기 편하게 제공되고 있는 리소스들입니다.
 
물론 CSS3와 html5를 활용하여 제공되는 소스이기에 더할나위 없이 편하게 활용할 수 있도록 구현되어 있고, 크로스 브라우징도 가능하기도 하지만 구버전의 브라우저에서는 구현이 되지 않는 경우도 있으니, 사용하기 전에는 반드시 확인할 필요가 있습니다.
 
리소스를 다운로드하여 테스트해 볼 수 도 있고, 해당 리소스의 튜토리얼도 제공하고 있으니, 공부하기에도 좋은 자료들입니다.
 
원문에서는 보다 자세한 설명도 제공하고 있으니 참고하세요.
 
이미지를 클릭하면 해당 상세화면으로 이동합니다.
 

Source
 
 
Mmenu
 
 
Multi-Level Push Menu
 
 
Simple YouTube Menu Effect
 
 
Slide and Push Menus
 
 
Google Nexus Website Menu
 
 
jPanelMenu
 
 
PageSlide
 
 
GilidPanel
 
 
Pull Out Content Panel
 
 
Collapsible Sliding Panel for WordPress
 
 
jQuery Side Content
 
 
mb.extruder
 
 
Slide Panel
 
 
Responsive Side Toggle Menu
 
 
jQuery SideBar Plugin
 
 
Animate To Hide And Slide Content With JQuery [Tutorial]
 
 
JQuery Mobile Slide Menu
 
 
Snap.js
 
 
Slide out Menu
 
Posted by kimdirector | 2015.01.13 | Hit : 17830
Origin http://designbeep.com/2013/10/22/20-jquery-side-sliding-panel-plugins-show-hide-website/
Tags 사이드 메뉴 네비게이션 리소스 CSS3 html5
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webaccessibility&no=109

COMMENT
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View Contents
Tags
고객 성공 PM 마케팅 SNS 이벤트 구글 폰트 웹디자인 플랫폼 PT 아이맥 인터페이스 커뮤니케이션 아이패드 CIP GUI 인간관계 유저 바이널 X 결정 반응형웹 브랜드 스타트업 개성 아이콘 프로젝트매니저 성공 무료 뉴 미디어 홈페이지 iOS 리소스 로고디자인 로고 메일폼 UX 플래시 PSD 웹표준 UI 디자인 폰트 UXD 아이디어 기능성 kimdirector 기획자 요세미티 웹사이트 솔루션 디자인 CSS 센서 데이터 디자이너 갤러리 솔루션 Portfolio 로고 2016 인맥관리
Tags
문화코드 리더 jQuery 스마트폰 타이포그래피 로고 이벤트 피드백 웹 표준 인식 디자인 html5 로고 전략 UI 아이덴티티 트렌드 UX 소통 구조화 CMS UX 드림웹 정책 디자인 포토샵 GUI 소모량 NHN 해외 앱 디자인 기록 엑셀 비즈니스 상상력 HTML5 저작권 웹사이트 CIO 폰트
Category Cloud
About us Review Portfolio Design Review 
Leaders Story Mobile UXD IT Information
Web Identity Everyday Story Mobile Life
Webdesign Report Web Standard Homepage Work
Web Plan Report Practical Use Tip Design Inspiration
Dowmload Review Recommend Site
Search
Contact us
Phone : 010-8555-0503
E-mail : kimdirector@gmail.com