jQuery 싸이트 모음

http://jquerylist.com/
http://jqueryui.com/

• Accessibility
  스타일시트와 텍스트 크기 조절, 화면 접근하기 어려운 장애우를 위한 플러그인 인듯함
  데모 : http://webrocket.ulmb.com/ability/#demo
• Accordion
  아코디언 인터페이스
  데모 : http://jquery.bassistance.de/accordion/demo/
• AlphaNumeric
  정해진 문자 숫자만 입력 받는 플러그인
  데모 : http://itgroup.com.ph/alphanumeric/
• Ajax File Upload
  파일 업로드시 로딩 그래프 표시
  데모 : http://www.phpletter.com/Demo/AjaxFileUpload-Demo/
• appendDom
  이플러그인은 DOM요소를 보다 직관적고 쉽게 만들 수 있도록 합니다.
• appendText
  텍스트를 html엔티티 형태로 변환해서 추가 하는 플러그인
• blockUI
  (유용함) 전체 페이지에서 유저 인터페이스를 차단 후 메시지 오버레이 만드는 플러그인
  데모 : http://malsup.com/jquery/block/#demos
• BogoFolders
  파일 메뉴 인터페이스를 통해 텍스트 보는 플러그인
• BogoTabs
  기본적인 탭 인터페이스
• Calendar
  날짜 선택기. jQuery UI 에 포함된 플러그인
• Checkbox manipulation
  체크 박스 인데 마치 라디오 버튼 같은..?
• Chili
  (유용함) 웹 페이지 상의 코드 문법 강조
• Click Menu
  드롭 다운 메뉴 생성 플러그인
• clueTip
  다양한 형태의 툴팁 플러그인
• Color Animations
  div 배경을 이용한 애니메이션. 신기하네.
• Color Picker
  색상 선택 플러그인
• columnHover
  테이블 열, 행 강조
• ContextMenu
  컨텍스트 메뉴 플러그인
• Confirmer
  유저의 컨펌 액션을 체크 하는 플러그인
• Cycle
  (유용함) 이미지 갤러리 플래시 같은 롤링 효과
• date picker
  날짜 선택기
  데모 : http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/
• Delicious
  Read delicious bookmarks from a user to display on a webpage.
• Dimensions
  Get accurate window and document attributes across browsers.
• Equalize Columns
  Make columns the same height as the longest column.
• FCKEditor Plugin
  Adds a rich text editor to a textarea.
• Field
  Expand the ability to retrieve and set values in forms.
• Form
  (유용함) Change HTML forms to submit via Ajax.
• Gallery Viewer
  JavaScript image gallery.
• getUrlParam
  Function to get url parameters.
• Google Feed Plugin
  Display any RSS feed to a webpage.
• Gradient
  Adds a gradient to a div without needing an image.
• Grid Column Sizing
  Table column draggable resizing.
• Grid Row Sizing
  Expand and collapse table rows.
• hoverIntent
  Prevents unintended hover events.
• idTabs
  Add tabbed interface to a website.
• Impromptu
  Create modal windows and messages.
• jQuery Localisation
  Applies localisation packages based on the user's language preference.
• jBox
  UI dialog widget.
• jCalendar
  Aids selecting of dates inline on a page.
• jCarousel Lite
  Simple carousel for images and HTML content.
• jCodeViewer
  Syntax highlighting for displaying code on webpages.
• jdMenu Hierarchical Menu
  Generates dropdown menus.
• jEditable
  Live editing of elements on a webpage.
• jFeed
  XML feed parser.
• jPanView
  Replaces big images with a zoom viewer in HTML.
• jqDnR
  Drag'n'Resize elements on a page.
• jQMaps
  Interact with Google maps.
• jqModal
  Display notices, dialogs, and modal windows in a web browser.
• Treetable
  Make a tree view out of an HTML table.
• Tree View 
  (유용함) Tree view controls.
• Suggest
  Add autocomplete to input fields.
• YAV
  Form validation library.
• jqUploader
  Provides a status bar for uploading images.
• jScrollPane
  Customize your scrollbars.
• jTagEditor
  (유용함) Turn a textarea into a tag editor.
• jVariations
  Create a control panel to manipulate elements on a page.
• Keyboard Navigation
  Dynamically determine which element to focus on based on it's position on the screen.
• labelOver
  Overlay labels over an input field.
• LavaLamp
  Navigation menu with a 'lava' effect.
• Lazy Load
  Only load images that are in the current window.
• Live Query
  Adds event listeners to elements.
• Masked Input
  Add mask to inputs to aid user data entry (phone numbers, etc).
• Media
  (유용함) Unobtrusive conversion of standard markup into rich media content.
• Extra selectors for JQuery
  Add more selectors to jQuery.
• Mousewheel
  Mousewheel event handler.
• Mousehold Event
  Add repeating event as the user holds down the mouse.
• Multiple File Upload
  Select multiple files one by one as it adds to a queue list.
• newsticker
  Create a fading news ticker.
• Password Strength Meter
  Indicator to show the strength of a users password.
• PopupWindow
  Creates an preview popup of destination link.
• Query String Object
  Useful for sending URL parameters.
• Select box manipulation
  Remove and add options from a select list or dropdown in many ways.
• selectCombo
  Tool for making dependant dropdowns with Ajax.
• Star Rating
  Generates star rating from input fields
• Grid
  동적 Ajax 그리드 컨트롤
  데모 : http://trirand.com/blog/jqgrid/jqgrid.html
• slideViewer
  Image gallery as slides.
• Spoilers
  Hide content behind an image until user action is taken.
• tableHover
  Row and column highlighting with variations.
• tableFilter
  Search box is added to each column header to filter table.
• tablesorter
  Client side table sorting.
• Taconite
  (유용함) Easily make multiple DOM updates using the results of a single AJAX call.
• Textgrad
  Add gradients to whole blocks of text.
• Time Entry
  Sets an input field up to accept a time value.
• Tooltip
  Add tooltips from title page.
• Validation
  (유용함) Add live validation to forms.
• WYMeditor
  (유용함) Web-based XHTML WYSIWYM editor.
• Zoomi
  Zoomable thumbnails.
• XSLT
  Transform XML/XSL from JavaScript.
• XAP
  Ajax library.
  
  

  http://marcgrabanski.com/article/list-of-useful-jquery-plugins
  

[출처] 유용한 jQuery 플러그인 리스트|작성자 루든



AJAX 가 웹 기술의 대세로 떠오르면서, Javascript 언어에 대해 새로운 접근들이 시도되고
다양한 AJAX 및 자바스크립트 라이브러리들이 출시되었습니다.
많이 쓰이니까 쉽게 쓸 수 있도록 하는 방법들이 나오는 건 당연하겠죠.

Script.aculo.us, Prototype.js , MooTools , jQuery, YUI ( Yahoo UI Library ) 등등..

수 많은 Javascript 라이브러리중 최근의 대세는 jQuery – http://jquery.com/ 입니다.

Google Trends를 통해서 위의 Script 라이브러리들을 비교해보면 이렇습니다.

http://google.com/trends?q=jquery+%2C+script.aculo.us+%2C+prototype.js+%2C+yui+%2C+mootools&ctab=0&geo=all&date=all&sort=0


그래프만 봐도 딱 보이시죠. 이렇게 jQuery 가 인기를 끌어가는데.. Microsoft 가 강펀치를 하나 날려줍니다.
위에 E 부분에 보면.. Microsoft 가 jQuery 를 Visual Studio 에 내장하겠다고 발표한게 보이실겁니다.
이제 ASP.NET 의 AJAX 프레임워크에서 jQuery 를 기본으로 내장하고 활용하게 되었습니다. – Microsoft to ship jQuery with Visual Studio

또한 Nokia 역시, 그들이 만들고 있는 Web Kit 기반의 Web-Runtime에서 jQuery를 사용할 것이라고 발표하였습니다.
http://jquery.com/blog/2008/09/28/jquery-microsoft-nokia/



Javascript 와 jQuery 공부하기


이제 Javascript 를 이용한 AJAX개발은 모든 웹 기반 개발의 기본기술이 되었습니다. 모바일 환경에서도 사용되는건 물론이구요.
한번 Javascript, AJAX와 jQuery 를 익혀보지 않으시겠습니까 ?
공부하시는데 도움이 될만한 강의 문서들을 링크해 드립니다.



• [한글] DeadFire 자바스크립트 강의
  DEADFIRE 님의 WEB 기초 강좌중 JavaScript 강좌입니다.
  http://deadfire.hihome.com/jscript/jscript01.html
  책 형식으로 기초부터, 문법, 객체, Javascript 내장객체, 이벤트 등의 순서로 자세히 설명하고 있습니다.
  2001년에 작성되어 조금 오래되긴 했지만 기초로 보기에 좋습니다.
  
  
• [영문] Douglas Crockford Teaches Javascript
  Yahoo 의 JavaScript Architect 인 Douglas Crockford 가 야후 내부 직원들에게 자바스크립트를 강의하는 동영상과 PPT 입니다.
  
  
  • The JavaScript Programming Language [ 4 개의 비디오: 1 (31 분) , 2 (31 분) , 3 (29 분) , 4 (20 분) , PPT 파일 ]
    
  • An Inconvenient API : The Theory of the DOM [ 3 개의 비디오: 1 (31 분) , 2 (21 분) , 3 (26 분) , PPT 파일 ]
    
  • Advanced JavaScript [ 3 개의 비디오: 1 (31 min) , 2 (25 min) , 3 (11 min) , PPT 파일 ]
    
  
  
• [영어] 자바스크립트 신병훈련소 ( Javascript Boot Camp )
  영어라 압박이긴 하지만.. 매우 쓸만한 “자바스크립트 신병 훈련소(Javascript Boot Camp)” 라는 문서입니다.
  말은 거의 없고, 코드로만 되어있으니.. 이게 자바스크립트구나! 라고 느끼시기엔 적합합니다.
  http://www.slash7.com/articles/2006/07/26/javascript-boot-camp-tutorial 에 있는 문서이구요.
  Amy Hoy 라는 유쾌한 여성 웹 개발자가 쓴 문서라서.. 문서에 여성적인 느낌이 다분합니다.
  
  
• [한글] AJAX 마스터하기 – http://www.ibm.com/developerworks/kr/series/web/index.html
  
  • Part 1: Ajax 소개 : Ajax 애플리케이션에 관한 서론 및 이 애플리케이션에 필요한 몇 가지 기본개념들을 설명합니다.
  • Part 2: JavaScript와 Ajax를 이용한 비동기식 요청 : XMLHttpRequest 객체에 대해 구체적으로 소개합니다.
  • Part 3: Ajax의 고급 요청 및 응답 : 요청 객체의 세 가지 핵심 부분들-HTTP 준비 상태,HTTP 상태 코드, 요청 유형들-에 대해 자세히 설명합니다.
  • Part 4: 웹 응답에 DOM 활용하기 : 웹 페이지를 정의하는 문서 객체 모델(Document Object Model)을 소개합니다.
  • Part 5: DOM 다루기 : DOM 을 보다 자세히 연구합니다.
  • Part 6: DOM 기반 웹 애플리케이션 구현하기 : Document Object Model (DOM)와 JavaScript 코드를 결합하여 인터랙티브 Ajax 애플리케이션을 구현해봅니다.
  • Part 7: 요청과 응답에 XML 사용하기 : 서버가 XML로 된 응답을 보내는 방법을 설명합니다.
  • Part 8: 요청과 응답에 XML 사용하기 : XML 응답을 클라이언트로 리턴하는 방법을 설명합니다.
  • Part 9: Google Ajax Search API 사용하기 : Google 같은 퍼블릭 API를 통해 요청을 하고 응답을 받는 방법을 설명합니다.
  • Part 10: 데이터 전송에 JSON 사용하기 : 데이터를 전송하거나 수신하기 위해 XML이나 플레인 텍스트 대신, JSON을 사용하는 방법, 시기, 이유를 설명합니다.
  • Part 11: 서버 측의 JSON : JSON 포맷으로 서버에 보내진 데이터를 핸들하는 방법과, 같은 포맷을 사용하여 스크립트에 응답하는 방법을 설명합니다.
  
  
• [한글] jQuery 관련 강의
  
  
  • jQuery로 AJAX 개발을 단순화하기
  • jQuery로 작업하기, Part 1: 브라우저로 데스크톱 응용 옮기기
  • jQuery로 작업하기, Part 2: 내일 나올 웹 응용을 오늘 구현해보자
  
  
  
• Visual jQuery – http://visualjquery.com/ – jQuery 의 각 개체를 보기좋게 만들어 놓은 웹사이트.
  
  
  
  이 사이트는 정말 강력추천합니다. 카테고리별로 설명되어 있고 다양한 예제와 실행샘플까지 잘 나와있습니다.
  전 듀얼모니터로 개발하면서 한쪽은 에디터 한쪽은 웹브라우저로 이 Visual jQuery를 올려놓고 있습니다.
  
  
  
• Javascript / jQuery 관련 유용한 글 모음
  
  JavaScript & Ajax
  
  • 75 (Really) Useful JavaScript Techniques
  • 80+ AJAX-Solutions For Professional Coding
  • 60 More AJAX- and Javascript Solutions For Professional Coding
  
  jQuery
  
  • jQuery and JavaScript Coding: Examples and Best Practices
  • 45+ New jQuery Techniques For Good User Experience
    
  • 37 Phenomenal jQuery Plugins and Demos for Developers
    
  • 51+ Best of jQuery Tutorials and Examples
    
  • 50+ Amazing Jquery Examples- Part1
    
  • 37 More Shocking jQuery Plugins
    
  • 45+ Fresh Out of the oven jQuery Plugins
    
  
  
  

다소 좀 때늦은 포스팅이긴 하지만, 사내 메일링리스트에 보내느라 정리해둔게 있어서 늦게나마 기록차원에서 올려둡니다.
출처 : http://xguru.net/503