jQuery Plug-in
JavaScript 2010. 9. 12. 15:01 |
from
http://affo.springnote.com/pages/5597897Layout
jQuery Masonry
- 그리드 레이아웃을 만들어 주는 jQuery 플러그인
- Info, Demo..: http://desandro.com/resources/jquery-masonry
Data
VisualizationTreeMap | jQuery.info
- Info, Howto: http://www.jquery.info/spip.php?article40
- Demo: http://www.fbtools.com/jquery/treemap
jSquares for jQuery
- TED.com 메인 화면 같은 박스 채우기 형태
- Info: http://boedesign.com/blog/2009/10/22/jsquares-for-jquery
- Demo: http://boedesign.com/demos/jsquares
Menu, Navigation
Cloud Carousel
- 3D 회전 형태 로 썸네일 이미지(반사되는 이미지도 표현)가 롤링됨.
- Home: http://www.professorcloud.com/mainsite/carousel.htm
MasicLine Navigation
Lava Lamp
- 메뉴 배경(효과)이 선택된 메뉴로 이동하는(따라 다니는) 형태
jQuery LavaLamp Menu
- Home & Tutorial(old): http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers
CSS Dock Menu
jCarousel Light
- 가로 슬라이드 형태, 정해진 갯수의 썸네일을 슬라이드 형태로 보여줌.
- Home: http://www.gmarwaha.com/jquery/jcarousellite
- Demo: http://www.gmarwaha.com/jquery/jcarousellite/#demo
jQuery Scrollable
- 정해진 영역 내에 html 형식의 내용을 슬라이드 형태로 보여줌. 탭, 배너 등에 활용가능.
- Home & Demo: http://flowplayer.org/tools/scrollable.html
Clock
jDigiClock
- 위 젯모양. 시간과 날씨를 같이 보여줌.
- Home & Demo: http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock
Tab
jQuery idTabs
- Home & Demo: http://www.sunsean.com/idTabs
LightBox
Zip.li
- 사 진전용 모달 창. 깔끔한 인터페이스, 모션. 쉬운 설정
- Home: http://leandrovieira.com/projects/jquery/lightbox
Slimbox 2
- Zip.li 와 비슷한 형태 좀더 가볍고 커스마이징 옵션이 많음.
- Home: http://www.digitalia.be/software/slimbox2
prettyPhoto
- 사 진뿐만 아니라 비디오, 플래시, iframe등도 적용가능
- Home: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone
Effects
GSGD's jQuery Easing Plugin
- 기본모션에 변형을 가해주는 Easing Library. Robert Penners's Easing Equations 의 jQuery 버전.
- Home: http://gsgd.co.uk/sandbox/jquery/easing
Ariel Flesler's jQuery.ScrollTo
- 부드러운 스크롤 애니메이션을 가능하게 해 주는 플러그인. (스크롤 가능한 요소, 윈도우 자체의 스크롤도 가능)
- Home: http://flesler.blogspot.com/2007/10/jqueryscrollto.html
- Demo: http://demos.flesler.com/jquery/scrollTo/
- jQuery Plugins: http://plugins.jquery.com/project/ScrollTo
Tooltip
http://docs.jquery.com/Plugins/Tooltip
Example: tooltip.zip
http://plugins.jquery.com/project/bt
ExplorerCanvas : http://excanvas.sourceforge.net
Canvas Tutorial - Mozilla Dev : https://developer.mozilla.org/en/Canvas_tutorial
- http://craigsworks.com/projects/simpletip
Resources
- 40 Useful jQuery Techniques and Plugins | Smashing Magazine
- 50 Free UI and Web Design Wireframing Kits, Resources and Source Files | Smashing Magazine
- 45+ New jQuery Techniques For Good User Experience | Smashing Magazine
- 36 Eye-Catching Jquery Navigation Menus
- jQuery for Designers
- jQuery Tutorialzine
'JavaScript' 카테고리의 다른 글
팝업 띄우기 주소보안 방법. (0) | 2010.10.07 |
---|---|
유용한 놈들 (0) | 2010.09.26 |
jQuery UI Tab Header 없애기 (1) | 2010.08.31 |
jQuery 1.4변경사항 (0) | 2010.08.30 |
유용한 놈들(jQuery) (0) | 2010.08.27 |