반응형
http://jquerylist.com/
http://jqueryui.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
- Delicious
- [한글] 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 파일 ]
- The JavaScript Programming Language [ 4 개의 비디오: 1 (31 분) , 2 (31 분) , 3 (29 분) , 4 (20 분) , 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
[출처] 유용한 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 가 인기를 끌어가는데.. 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/
Javascript 와 jQuery 공부하기
이제 Javascript 를 이용한 AJAX개발은 모든 웹 기반 개발의 기본기술이 되었습니다. 모바일 환경에서도 사용되는건 물론이구요.
한번 Javascript, AJAX와 jQuery 를 익혀보지 않으시겠습니까 ?
공부하시는데 도움이 될만한 강의 문서들을 링크해 드립니다.
다소 좀 때늦은 포스팅이긴 하지만, 사내 메일링리스트에 보내느라 정리해둔게 있어서 늦게나마 기록차원에서 올려둡니다.
출처 : http://xguru.net/503
