웹마스터 팁

jquery plugin 모음

 

jQuery

Serial Scroll

  • 각종 슬라이딩
  • 위치 다양
  • 부드러움
  • 아이템 랜덤으로 섞기

mb.jQuery.components!

  • 메뉴
    • 다중 카테고리
    • 멀티플 메뉴
    • 이미지 포함
    • 메뉴가 나타나고 사라질 때 부드러운 페이드인 페이드아웃 효과
  • 콘테이너
    • 자유로운 이동, 마치 윈도우즈 프로그램 창을 다루는 느낌)
    • 부드러운 효과
  • 이미지 갤러리
    • DOM, 팝업, 이미지 나열
    • 이미지 로등시 부러운 효과
  • 미디어 임베더
    • 치환자를 사용하여 아주 간단하게 코딩
  • 미디어 임베더 2
    • 백그라운드, DOM에 유트브 등의 무비 넣을 수 있음
  • 마스크 이미지 갤러리
    • 프레임을 이용한 이미지 갤러리
    • 부드러운 효과
    • 손쉽게 탭 삽입 가능
  • 이미지 네비게이터
    • 프레임을 이용해서 마스크를 씌운 듯 이미지 일부 노출
    • 마우스 드래그로 숨겨진 이미지 확인
  • 툴팁
    • 부드러운 효과
    • 미려한 디자인
  • 스크롤 (배너)
    • 단계를 주거나 원하는 위치로 손쉽게 스크롤
    • 스크롤을 멈추거나 다시 시작 가능
  • 문서 확장
    • 새로운 장소에 문서를 만들고 스크롤 효과로 나탄나거나 숨김
  • 텍스트
    • 텍스트 흐름을 세로로 전환

Dock and Stack

  • 맥 아이콘 효과
  • 마우스로 선택한 아이콘을 중심으로 크기 전환
  • 마우스로 클릭시 아이콘 나타남

bassistance.de

  • 자동완성
    • 정해진 폼에서 정해진 값중 하나를 입력 할 때 문자열 자동 완성
  • 메시지
    • 특정 값을 화면에 출력
    • 일정시간 흐른후 사라짐
    • 부드러운 효과
  • 비밀번호 유효성 검사
    • 값을 입력시 실시간으로 비밀번호의 값이 정당한지 출력
  • 툴팁
    • 다양한 툽팁 효과
  • 트리뷰
    • 디렉토리 구조에서처럼 트리모양으로 출력
  • 유효성 검사
    • 사용자 입력값을 다양하게 검사

thickbox

  • 이미지 갤러리, 팝업 상자
  • 팝업시 주위를 암흑으로 만들어 이미지를 도드라지게 하는 효과
  • 이미지 로딩 나타냄

jCarousel

  • 슬라이딩
  • 다양하게 슬라이딩을 할 수 있도록 옵션 제공

flowplayer

  • 툴팁
  • 오버레이
  • 스크롤
  • 유효성검사
  • 범위지정
  • 날짜입력
  • 도드라짐
  • 플래쉬 임베드
  • 여러가지 효과 조합
    • 위의 효과들 여러가지를 동시에 사용함

markitup

  • HTML 생성기
  • HTMl 코드를 적용시켜 줌

gMap

Protovis

MagicLine Navigation

  • 애니메이션 매뉴

jquery.showcase

  • 쇼케이스

Pageslide

  • 페이지 슬라이드

Galleria

  • 풀사이즈 이미지 갤러리

Dream Css

  • 슬라이드 갤러리

Roundabout for jQuery

  • 회전형 컨텐츠 디스플레이

Mop Box

  • 자바스크립트 팝업 쇼 박스

Before/After

  • 두 이미지 두고 좌우 대칭으로 바꾸기 이전과 이후를 보여주는 플러그인

Highlighter

  • 레이아웃 하이라이트

Masonry

  • 레이아웃 정렬

TufteGraph

  • 간편 그래프를 생성

TipTip

  • 툴팁

ColorBox

  • 수정이 용이한 LightBox

MopSlider 2

  • 깔끔한 팝업 슬라이더

 

 

파일 업로드에 관련된 라이브러리

1. jQuery File Upload
- License : MIT
- 기능 : 프로그래스바, 취소, 파일크기, 삭제, Drag&Drop
- url : https://github.com/blueimp/jQuery-File-Upload/downloads

2. Ajax Upload
- License : GPL2 or LGPL2
- 기능 : 프로그래스바, 취소, 파일크기, Drag&Drop
- url : https://github.com/valums/file-uploader

3. Uploaddify
- License : MIT
- 기능 : 프로그래스바, 취소, 파일크기
- 제약사항 : 플래쉬 사용 필수
- url : http://www.uploadify.com/demos/

 

기타 jQuery 플러그인 모음

http://lotsofclicks.blogspot.com/2009/10/jquery-35.html

http://wiki.dev.daewoobrenic.co.kr/mediawiki/index.php/JQuery

http://www.noupe.com/jquery/50-amazing-jquery-exa

제목 글쓴이 날짜
[도로명주소 krzip] 1.7.4 이전 버전들에 이용하기 [3] XE플스 2014.02.06
[리눅스] 속도향상 팁. nginx를 리버스프록시로 써봅시다. [6] choco@_@ 2013.07.11
jquery swiper Ansi™ 2017.02.16
인스타그램 해시태그 회원가입 없이 끌어오기 외인 2017.02.08
CKEditor 글꼴란에 한글 폰트 추가하는 방법 (수정함) [4] file 기븐 2015.09.19
폰갭과 웹앱 그리고 XE... [6] onTrust 2015.04.23
jQuery 플러그인 모음 Ansi™ 2017.01.25
DOS 공격에 대한 방어 프로그램입니다. 마루디자인 2017.01.23
관리자 로그인시 원하는걸 보여주자 [5] 빽짱구 2008.04.15
SSL의 정석 (아파치 & nginx) [13] 기진곰 2015.06.16
방명록 형태 사용시 제목이 길게 저장되게 하려면 sejin7940 2016.12.23
로그인풀림방지 - 주소 고정하기 [27] ezi 2011.05.28
숫자 아이디 허용 방법 file 410contents 2016.12.13
(설문조사) 회원만 설문 조사 하도록 [8] Simulz 2007.09.04
클라우드플레어 사용시 서버 IP 노출방지 체크리스트 gnbstory 2016.12.09
간단한 xe 관련 자바스크립트 질문 [1] 마든남 2016.12.01
스크롤 맨아래로 내리면 자동으로 글 목록 더보이기 구현(게시판어어느 스킨이든 사용가능) [19] 장포크 2013.08.10
메뉴에 새 글 표시 모듈 사용 시 new 아이콘이 보이지 않는 버그 수정 [8] 퍼니엑스이 2014.08.12
가상서버 고르실때 참고하시면 좋겠네요. 로니 2016.11.24
CloudFlare 사용시 방문자 IP와 SSL 접속여부가 정확하게 파악되지 않는 문제 해결법 [4] 기진곰 2015.07.12