Layout

• jQuery Masonry

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

Data 

• 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