jQuery Plug-in

from

http://affo.springnote.com/pages/5597897

• Layout

  • jQuery Masonry

    • 그리드 레이아웃을 만들어 주는 jQuery 플러그인
    • Info, Demo..: http://desandro.com/resources/jquery-masonry

• Data 

  Visualization

  • TreeMap | 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

    • 
    • Home: http://css-tricks.com/jquery-magicline-navigation
    • Demo: http://css-tricks.com/examples/MagicLine

  • Lava Lamp

    • 메뉴 배경(효과)이 선택된 메뉴로 이동하는(따라 다니는) 형태

    • jQuery LavaLamp Menu

      • plugins: http://plugins.jquery.com/project/lavalamp2
      • home: http://nixboxdesigns.com/projects/jquery-lavalamp
    • Home & Tutorial(old): http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers

  • CSS Dock Menu

    • Home & Tutorial: http://www.ndesign-studio.com/blog/design/css-dock-menu
    • Demo: http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html

  • 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