모바일 반응형 MAC 홈페이지

※ MAC 코리아 모바일버젼 리뉴얼

http://beehoyoung.dothome.co.kr/m_mac/

사용 스킬

 

DESIGN : Photoshop

CODING : HTML5, CSS3, JavaScript, JQuery

---

타블렛버전과 모바일버전으로 제작하였습니다.

가로사이즈 640px이상일 경우 타블렛버전으로.

가로사이즈 639px 이하일 경우 모바일 버전으로 보여집니다.

※ 아이폰 버전으로 기능 설명

     

bxslider 플러그인을 이용해 메인 배너를 좌우로 움직일 수있게 제작하였습니다.

 

tab기능을 넣어서 베스트셀러/ 저스트인/ 힛 아이템을 한 화면에서 볼 수있도록 제작하였습니다.

네이게이션은 왼쪽 상단에 있는 햄버거 아이콘을 누르면 왼쪽에서 오른쪽으로 슬라이드 되어나오며,

탭 기능을 이용해서 큰 메뉴를 누르면 서브메뉴가 나타나는 방식으로 제작하였습니다.