"슬라이딩 패널" 효과는 한 페이지에 카테고리 분류와 대용량 데이터 표시를 하는데 매우 유명해졌습니다. 이 효과를 구현한 결과물 중 가장 주목할만한 것 중 하나는 Panic에 의해 만들어져 그들의 Coda 웹 개발 IDE의 모든 기능과 장점을 다 보여준 것입니다. 이후로 많은 이 효과의 구현물들이 만들어졌고, 대부분은 지금 그들이 매우 유사한 스크롤 기능을 제공하기 때문에 "Coda 슬라이더"로 불려지고 있습니다.

디자이너를 위한 jQuery의 Remy Sharp씨는 jQuery를 이용해서 coda 슬라이더 효과를 만드는 방법에 대한 새로운 스크린캐스트와 자습서를 작성했습니다:
Panic이 정말로 이 효과를 발명한 것은 아닐지라도, Coda의 슬라이딩 패널은 이 효과를 구현한 멋진 결과물입니다. 이 글은 이 효과를 만들기 위해 필요한 부분과 보다 좋게 만드는 법에 대해 짚어보겠습니다.
사용자 삽입 이미지
이 자습서는 페이지의 마크업, 여러 jQuery 플러그인의 사용, 탐색 메뉴 설정, 슬라이더를 위한 이벤트 다루기 등을 거쳐 매우 상세히 주제를 다루고 있습니다. Remy 씨가 작성한 스크린 캐스트는 QuicktimeFlash 형식으로 이용가능합니다.

from Ajaxian Featured Tutorial: Coda Slider Effect on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요