본문 바로가기

소프트웨어 이야기/자바스크립트

카드형 Swipe 라이브러리 리서치

피파 게임 같은 이미지가 웹페이지에서 슥슥 움직이는 그런 라이브러리를 찾고 있다.


1. Swiper 


데모 사이트 : http://idangero.us/swiper/demos/#.WKvi-BKLT_Q

깃허브 : https://github.com/thebird/Swipe


뭔가.. 삐까뻔쩍해보이지 않는다.



2. Hammer JS


사이트 : http://hammerjs.github.io/


유용해보이지만, 모바일에 최적화된 인터랙티브 라이브러리여서 PC에서는 부적합하다 



3. js-swipe-cards 


데모 사이트 : http://apeatling.com/demos/js-swipe-cards/

깃허브 : https://github.com/apeatling/javascript-swipe-cards


음.. 역시 모바일에서 보면 카드같고 멋있지만 내가 생각한 느낌은 아니다.

PC에서는 구리다.



4. itemslide



데모 사이트 : http://itemslide.github.io/

깃허브 : https://github.com/itemslide/itemslide.github.io


인터페이스가 가장 맥에서 접근하기 좋은 것 같다




5. Sly


데모 사이트 : http://darsa.in/sly/

아이템 기반 슬라이더








---------------------------------------------------------------------------------------------


기타등등


카드 만드는 방법 : https://www.w3schools.com/howto/howto_css_cards.asp

카드가 막 뒤집어지는 라이브러리 


데모 : http://callmenick.com/_development/transitions-transforms-animations/1-flipping-card/

블로그 : http://callmenick.com/post/css-transitions-transforms-animations-flipping-card