웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
WEBDESK
Inspiration
HOME WEBDESK Inspiration
jQuery 라이브러리 기반 무료 오픈 소스 플러그인
Posted by kimdirector | 2014.11.03 | Hit : 4113
Parallax Plugins jQuery 라이브러리 플러그인 오픈 소스
목록보기이전보기
소개하고 있는 플러그인은 주로 jQuery 라이브러리를 기반으로 무료 오픈 소스들입니다. 
원하는 효과를 재현하기 위해 간단한 JavaScript 에 대한 이해를 하고 있다면 좋겠습니다.
아름다운 Parallax를 활용한 홈페이지를 구축하는데 많은 시간이 필요하지만 소개하고 있는 플러그인 리소스들을 활용하고 참고하는데 도움이 되었으면 합니다.

소개하고 있는 내용은
The Ultimate Guide to Parallax Scrolling: Best Practices, Examples and Tutorials이라는 제목에 소개된 내용입니다. 참고하시기 바라며, 원문을 보면 더욱 많고 다양한 정보들을 볼수 있습니다. 

아래 각각의 이미지들을 클릭하먄 해당 화면으로 이동합니다.



ScrollMagic


 
Parallaxify


 
Parallax.js


 
Scroll Path


 
Skrollr



jInvertScroll

 

Scrolly

 

Stellar.js

 

jParallax

 
Cool Kitten

 
 
Plax.js

 
Super Scrollorama



Posted by kimdirector | 2014.11.03 | Hit : 4113
LINK http://www.vandelaydesign.com/parallax-scrolling-best-practices-examples-and-tutorials/
Tags Parallax Plugins jQuery 라이브러리 플러그인 오픈 소스
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=DesignInspiration&no=65

COMMENT
목록보기이전보기

모바일 UI 디자인 애니메이션 3가지 원칙
아래 내용은 "3 Key Uses for Animation in Mobile UI Design"의 내용을 번역한 내용입니다. 의역이 있을 수 있으...
NO:63 2020.05.25 386 
[인포그래픽 사이트 추천] 50만 장이 넘는 셔...
Creative Template with apple banner / can be used for infographics / banners / concept vecto...
NO:62 2015.11.27 6049 (1)
2015 로고 디자인 트렌드 Top10
Design Bolts—New trends of Logo design for 2015을 번역 및 재구성한 포스트를 소개합니다. 여러분의 로고 디자...
NO:61 2015.04.28 8746 
30 Dark iPhone App UI Designs
모바일 UI 디자인은 현재 간단한 버튼이나 라인 아이콘 편평한 요소에 초점을 맞추고 있습니다. 괜찮은 어플리케이션이 많이 있지만, UI의 영감을 위한 최...
NO:60 2015.04.17 5617 
기발하고 창의적인 로고 디자인 15선-하이컨셉,...
기발하고 창의적인 세계의 로고 디자인 15선   가장 단순 심플 하지만 많은 것을 담고 있어야 할 로고 디자인 그러한 이유로 로고 디...
NO:59 2015.04.10 2834 
다양한 형태의 모션을 이용한 디자인 사례
스마트폰을 사용하면서 가끔 느끼는 것들 중에서 재미있는 효과 또는 신기한 효과들을 볼 때면 나도 모르게 감탄사를 연발할 때가 있다. 이런 느낌을 가질 ...
NO:58 2015.03.20 13473 
The 2014 Logo Trend Report
2014년 올 한 해동안 있었던 다양한 스토리들이 연말에 많이 솟아져 나오고 있습니다. IT계도 크게 다르지 않았습니다.    2014년에 기...
NO:57 2014.12.26 6052 
효과적인 기능성을 갖춘 UI, UX 디자인 사례
웹 기반 응용 프로그램과 모바일 앱을 디자인 할 때, 제일 먼저 고려해야 할 사항은 어떤 것들이 있을까요?   단순히 디자인만 강조할 것인지...
NO:56 2014.12.18 9620 
40 Effective Responsive Naviga...
아래 소개하고 있는 사이트들은 기본으로 반응형 웹 형태로 되어 있습니다. PC 버전인 경우에는 상관없이 서핑이 가능하겠지만, 모바일 버전에서의 ...
NO:55 2014.12.13 2065 
25 UI design inspiration
아래 소개하고 있는 대부분의 UI 디자인은 애플리케이션 또는 모바일 앱이나 웹 페이지에서 활용 가능한 UI 요소들 입니다. 각종 메뉴 아이콘 부터 슬...
NO:54 2014.11.26 2871 
26 Parallax Scrolling Design I...
요즘 부쩍 Parallax Scrolling에 대한 포스팅이 많은 것 같습니다. 현재 많이 이슈화되고 있는 트렌드이기도 하지만 그만큼 관심을 많이 ...
NO:53 2014.11.11 2628 
jQuery 라이브러리 기반 무료 오픈 소스 플러...
소개하고 있는 플러그인은 주로 jQuery 라이브러리를 기반으로 무료 오픈 소스들입니다.  원하는 효과를 재현하기 위해 간단한 JavaScript ...
NO: 2014.11.03 4113 
Elements of a Brilliant jQuery...
웹사이트 제작시, 활용도가 가장 높은 image slider 에 대한 좋은 리소스 파일들을 소개합니다. 그 이유는 여러가지가 있겠지마 그 중에서 컨...
NO:51 2014.10.31 7772 
Interesting Examples of HTML5 ...
웹디자이너들에게 중요한 건 포트폴리오입니다. 자신이 작업한 결과물을 정리하기 위한 수단으로 포트폴리오를 관리하기도 하지만 내가 제작한 작업물들...
NO:50 2014.10.24 2078 
모바일 앱 디자인에 최적화된 UI 구현 사례들
모바일 인터페이스 디자이너들은 모바일에 최적화 된 사이트는 사이트 개발자의 부담을 가볍게 할 수 있지만, 일부가 아닌 전체 기능의 앱을 구축하고 개발하...
NO:49 2014.10.16 10154 

 1 2345
WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile Work IT Information Web Identity Work Everyday Mobile Life Webdesign Web Development Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site  ETC. Work  Artwork  Typography Work
Tags
스타일 디자인 프로세스 스티브 잡스 이벤트 iPhone 이커머스 아이폰 모바일 WCAG HTML5 리더 마케팅 서비스 디자인 UI 포토샵 기업 데이터 블로깅 CIP 바이널 X 메일폼 브랜드 디자이너 홈페이지 로고 CSS3 소통 로고 메트로 스타일 성공 온라인광고 인맥관리 플랫폼 창의 메일폼 디자인 태블릿 모바일
Recommend Tags
디자인 씽킹 퍼스널 브랜드 사용자 경험 서비스 디자인