jQuery 플러그인 모음

IOS에서도 하드웨어 엑셀레이션이 가능한 이미지 슬라이더이미지

https://www.iosscripts.com/iosslider/

캡션의 자유 활용 가능 IE7도 지원하는 이미지 슬라이더

http://iprodev.com/iview/index.html

파랄락스 효과의 종합판 superscrollorama

http://johnpolacek.github.io/superscrollorama/

장황한 캘린더

http://iamjpg.github.com/jQuery-Verbose-Calendar/

★★★★★ 여러가지 미디어와 연동되는 타임라인(히스토리) jQuery 플러그인

http://timeline.verite.co/

이미지의 원하는 위치에 툴팁~

http://ipicture.justmybit.com/

문단에 나열된 택스트의 흐름을 자유롭게 변형해주는 플러그인

http://baconforme.com/

★★★다이나믹한 슬라이드 효과

http://shama.github.com/jmpress.js/#/docs

 초경량 파랄락스 효과

http://prinzhorn.github.com/skrollr/

정해진 모양으로 스크롤

http://kirkas.ch/ascensor/#/house9

스크롤 플러그인

http://joelb.me/scrollpath/ http://johnpolacek.github.com/scrolldeck.js/decks/parallax/

구글 웹통계와 연동하여 사용자가 얼마나 페이지 스크롤을 했는지 알아내는 플러그인

http://coliss.com/articles/build-websites/operation/javascript/jquery-pluginscroll-depth.html

툴팁을 넘어 그 이상의 것을 보여주는 jQuery 플러그인 HoverCard

http://designwithpc.com/Plugins/Hovercard#demo

 

스쳐지나갈 수 있는 셀렉터 기술 방법의 최적화에 관한 내용임

http://tech.kayac.com/archive/jquery-selector-api-tuneup.html

:animated, [name!="value"], :button, :checkbox, :contains(), :eq(), :even, :file, :first, :gt(), :has(), :header, :hidden, :image, :input, :last, :lt(), :odd, :parent, :password, :radio, :reset, :selected, :submit, :text, :visible  등의 셀렉터는 jQuery 커스텀 셀렉터이므로 이들은 따로 find()에 묶어서 쓰는편이 고속화에 도움됨~

 

피카사 웹 앨범에 공개된 사진들을 뽑아서 뿌려주는 jQuery 플러그인
http://ahamlett.com/jQuery-Picasa-Gallery/

 

CSS3와 jQuery를 이용한 택스트 이팩트
http://tympanus.net/Tutorials/TypographyEffects/index7.html

 

2011년 베스트 jQuery 플러그인 모음 - 볼게 많네요 
http://design-develop.net/web-design/best-jquery-plugins-of-2011.html

랜덤 타이포 그라피 
http://tutorialzine.com/2011/09/shuffle-letters-effect-jquery/

 

돋보기 효과 
http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/

 

one페이지 레이아웃 뿐만아니라 프레젠테이션에서도 쓸만한 FerroSlider jQuery Plugin
http://design-develop.net/web-design/best-jquery-plugins-of-2011.html

 

jQuery 이미지 슬라이더와 어코디언의 합체판 Slidorion
http://www.slidorion.com/

 

메인 및 서브페이지 메인으로 쓰면 적당할 jQuery 이미지 슬라이드쇼
http://tympanus.net/Tutorials/ElasticSlideshow/index2.html

 

플로팅 메뉴 구현시 쓰면 괜찮을 jQuery 플러그인 Portamento
http://simianstudios.com/portamento/

 

메인베너 플래시를 충분히 대체할만한 jQuery 이미지 갤러리 플러그인-아주 좋음 
http://www.pixedelic.com/plugins/diapo/

 

엘리멘트를 회전시켜주는 jQuery 플러그인 jquery.rotate
http://code.google.com/p/jqueryrotate/wiki/Examples

 

jQuery 어코디언 괜찮은 넘 - 메인 겔러로 정도로 쓸만한듯 
http://www.armagost.com/zaccordion/an-advanced-example/

 

jQuery carousel 플러그인의 최강자 - jQuery.carouFredSel - 슬라이드 메뉴등 매우 좋음 
http://caroufredsel.dev7studios.com/index.php

 

여러가지 소스를 이용해 다양한 형태의 슬라이드 구현
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-agilecarousel.html

 

이미지가 돌아가면서 펼쳐지는 컨텐츠 슬라이더
http://tympanus.net/Tutorials/RotatingImageSlider/

- CSS3 로테이션을 지원하는 브라우저에서만 이 회전효과가 적용되며
-그렇지 않은 브라우저에서는 페이드아웃인되면서 이미지가 순차적으로 바뀜.

폼값을 작성후 다른 페이지로 넘길 때 써먹을만한 효과
http://tympanus.net/Tutorials/AnimatedFormSwitching/

 

썸네일 프리뷰 겔러리
http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/

썸네일 프리뷰 슬라이더
http://tympanus.net/Tutorials/ThumbnailsPreviewSlider/

 

풀스크린 이미지 겔러리 - 효과와 아이디어가 참 멋짐!
http://tympanus.net/Tutorials/FullscreenGalleryThumbnailFlip/

 

이미지 클릭시 펼쳐지며 내용을 표시해주는 메뉴
http://tympanus.net/codrops/2011/03/16/expanding-image-menu/

 

트랜지션을 활용해 풀플래시사이트와 같은 UI변화를 보여줌.
http://tympanus.net/Tutorials/MovingBoxesContent/

 

크로스브라우징 및 여러 범용성을 지닌 이미지 슬라이더 jQuery 플러그인 Skitter
http://thiagosf.net/projects/jquery/skitter/

 

팝업창 대신으로 이용해 먹을 수 있는 jQuery 팝업 플러그인
http://thrivingkings.com/apprise/

 

디자이너나 어쨌든 프로그래머가 아닌 사람을 위한 jQuery 입문
http://kachibito.net/web-design/jquery-slide-for-beginner.html

 

jQuery - 특정 단어 클릭시 해당 단어가 하이라이트 되게 표시함
http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

 

jQuery로 QR코드를 바로 생성해주는 플러그인
http://jsfiddle.net/soma/fCEjk/embedded/result/

 

구글맵 API 연동가능한 훌륭한 jQuery 지도 플러그인
http://playground.mobily.pl/jquery/mobily-blocks/demo.html#

 

jQuery 책자 - 책 슬라이딩 효과 잘 구현함
http://tympanus.net/Tutorials/MoleskineNotebook/

 

jQuery 커스텀 스크롤바 - jQuery스크롤바계의 종결자? - stx 중공업 사이트에서 사용됨 
http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

 

jQuery - 포트폴리오 줌 슬라이더
http://tympanus.net/codrops/2010/12/27/portfolio-zoom-slider/

 

Coda Slider 2.0 코다 슬라이더 2.0 버전
http://www.ndoherty.biz/demos/coda-slider/2.0/

 

jQuery - 토글 이팩드 Hover / Click 튜토리얼
http://acrisdesign.com/2010/03/jquery-tutorial-toggle-effect-on-hoverclick/

 

그리드 어코디언 using jQuery
http://css-tricks.com/grid-accordion-with-jquery/

 

세로 슬라이더
http://www.designtopx.com/archives/2010/2/jquery-vert-slider/demo/

 

jQuery Menu Plugin - 메뉴를 만들어서 다운로드 가능함 
http://apycom.com/menus/7-orange.html

 

jQuery 15가지 이미지 겔러리 플러그인 모음
http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

jQuery를 이용해 필요없는 단어를 제거하는 방법
var el = $('#id');
el.html(el.html().replace(/word/ig, ""));
출처 : http://johannburkard.de/blog/programming/javascript/6-quick-jquery-tips-text-manipulation-timers-and-elements.html

 

백그라운드 이미지 에니메이션 처리 방법
http://snook.ca/archives/javascript/jquery-bg-image-animations/

 

jQuery / Effects - slideDown, slideUp, slideToggle에 easing 셋팅하는 방법
easing 라이브러리를 먼저 인클루드 시키고 

다음 써먹을 곳에 아래와 같이 셋팅해 주면 된다. 
$.easing.def = "easeOutCubic";

 

45가지 jQuery 메뉴(네비게이션) 플러그인 및 튜토리얼
http://www.noupe.com/jquery/45-jquery-navigation-plugins-and-tutorials.html

 

테이블에서 드래그 드롭 가능하고 이를 서버 전송도 가능한 폼
http://www.redips.net/javascript/drag-an...e-content/

 

디자인 적으로 이쁜 체크박스
http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery

 

이미지가 차오르는 효과
http://buildinternet.com/2009/06/animate...ng-jquery/

 

커스텀 404 페이지 - 시간이 지나면 지날 수록 벽이 갈라짐ㅋ
http://demos.reynoldsftw.com/glorious-404/404.html

 

배경이미지 최대화 + 스무스하게 변화
http://www.aaronvanderzwan.com/maximage/bgslideshow.php

 

영역 하일라이터 - 사이트 설명을 이걸로 사용하면 꽤 좋을 듯
http://www.dailymarkup.com/highlighter/demo2/index2.html

 

이미지 베너?
http://www.queness.com/resources/html/zoomthumbnail/index.html