catpark's something new

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

Bootstrap Android Application

프로그램 사이트 : http://www.androidbootstrap.com/

tapestry-bootstrap

Tapestry 5 Twitter Bootstrap Module

프로그램 사이트 : https://github.com/trsvax/tapestry-bootstrap

grails-bootstrap-ui

프로그램 사이트 : https://github.com/Grailsrocks/grails-bootstrap-ui

GWT-Bootsrap

프로그램 사이트 : http://gwtbootstrap.github.com/

WICKET-BOOTSTRAP

프로그램 사이트 : https://github.com/l0rdn1kk0n/wicket-bootstrap

struts2-bootstrap

프로그램 사이트 : http://code.google.com/p/struts2-bootstrap/

TWITTER-BOOTSTRAP-GRAILS-PLUGIN

프로그램 사이트 : https://github.com/groovydev/twitter-bootstrap-grails-plugin

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

DATE RANGE PICKER

날짜 범위를 선택할 수 있습니다.

프로그램 사이트 : https://github.com/dangrossman/bootstrap-daterangepicker

데모 사이트 : http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

Datepicker for Bootstrap

날짜 선택

프로그램 사이트 및 데모 사이트 : http://www.eyecon.ro/bootstrap-datepicker/

Colorpicker for Bootstrap

컬러 피커

프로그램 사이트 및 데모 사이트 : http://www.eyecon.ro/bootstrap-colorpicker/

Twitter Bootstrap for ASP.Net

ASP.NET 용 부트스트랩

프로그램 사이트 및 데모 사이트 : http://nuget.org/packages/twitter.bootstrap.mvc4

ASP.NET MVC BOOTSTRAP EXTENSIONS

ASP.NET 용 부트스트랩

프로그램 사이트 : https://github.com/jordanwallwork/bootstrapextensions

데모 사이트 : http://bootstrapextensions.apphb.com/

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

X-editable

링크를 클릭하면 팝오버 창이 나타나서 해당 내용을 수정할 수 있는 폼 에디터입니다.

프로그램 사이트 : http://vitalets.github.com/x-editable/

데모 사이트 : http://vitalets.github.com/x-editable/demo.html

jqBootstrapValidation

폼 유효성 검사 플러그인입니다.

프로그램 사이트 및 데모 사이트 : http://reactiveraven.github.com/jqBootstrapValidation/

PRETTYCHECKABLE

체크박스와 라디오버튼을 다른 모양으로 만들 수 있습니다.

프로그램 사이트 및 데모 사이트 : http://arthurgouveia.com/prettyCheckable/

Bootstrap toggle buttons

토글 버튼

프로그램 사이트 : https://github.com/nostalgiaz/bootstrap-switch

데모 사이트 : http://www.larentis.eu/switch/

Bootstrap Timepicker

타임 피커

프로그램 사이트 : https://github.com/jdewit/bootstrap-timepicker

데모 사이트 : http://jdewit.github.com/bootstrap-timepicker/

- 출처 : http://martian36.tistory.com/category/부트스트랩/플러그인

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

JASNY BOOTSTRAP

트위터 부트스트랩을 변형하여 여러가지 기능을 추가한 별개의 프레임워크입니다.

프로그램 사이트 및 데모 사이트 : http://jasny.github.com/bootstrap/

jquery-addresspicker

주소를 입력하면 지도가 나타나고 마커를 이동하면 주소가 업데이트됩니다.

프로그램 사이트 : https://github.com/elmariachi111/jquery-addresspicker

데모 사이트 : 

http://mngscl-10.s3-website-us-east-1.amazonaws.com/jquery-addresspicker-bootstrap/demos/index.html

jQuery File Upload

파일 업로더

프로그램 사이트 : https://github.com/blueimp/jQuery-File-Upload

데모 사이트 : http://blueimp.github.com/jQuery-File-Upload/

Bootstrap Context Menu

오른쪽 마우스 클릭하면 컨텍스트 메뉴가 나타납니다.

프로그램 사이트 : https://github.com/sydcanem/bootstrap-contextmenu

데모 사이트 : http://jsfiddle.net/msurguy/PG5HU/

Bootstrap Context Menu

부트스트랩 타이프어헤드의 기능을 확장시켰습니다.

프로그램 사이트 : https://github.com/tcrosen/twitter-bootstrap-typeahead

Fine Uploader

파일 업로더입니다.

프로그램 사이트 및 데모 사이트 :http://fineuploader.com/

- 출처 : http://martian36.tistory.com/category/부트스트랩/플러그인

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

Very simple jQuery color picker

폼에 컬러피커를 추가할 수 있습니다.

프로그램 사이트 : https://github.com/tkrotoff/jquery-simplecolorpicker

데모 사이트 : http://plnkr.co/edit/VVclW0?p=preview

bootstrap-wysihtml5

textarea에 간단한 구조의 편집기 도구모음을 추가할 수 있습니다.

프로그램 사이트 : https://github.com/jhollingworth/bootstrap-wysihtml5

데모 사이트 : http://jhollingworth.github.com/bootstrap-wysihtml5/

Bootstrap Form Helpers

다양한 폼을 만들 수 있습니다.

프로그램 사이트 : https://github.com/vlamanna/BootstrapFormHelpers

데모 사이트 : http://vincentlamanna.com/BootstrapFormHelpers/

bootstrap-datetimepicker

날짜 시간 피커입니다.

프로그램 사이트 및 데모 사이트 : http://tarruda.github.com/bootstrap-datetimepicker/

Bootstrap Multiselect

다양한 형태의 다중 선택박스

프로그램 사이트 : https://github.com/davidstutz/bootstrap-multiselect

데모 사이트 : http://davidstutz.github.com/bootstrap-multiselect/

- 출처 : http://martian36.tistory.com/category/부트스트랩/플러그인

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

d3-bootstrap-plugins

이 플러그인은 수많은 점이 만들어지고 각 점마다 마우스를 올리면 팝오버가 나타납니다. 아직 적당한 사용처를 알아내지 못했지만 유용할 듯합니다.

프로그램 사이트 : https://github.com/zmaril/d3-bootstrap-plugins

데모 사이트 : http://bl.ocks.org/zmaril/3012212

bootstrap-notify

다양한 형태의 알림 메시지를 만들 수 있는 플러그인입니다.

프로그램 사이트 : https://github.com/Nijikokun/bootstrap-notify

데모 사이트 : http://nijikokun.github.com/bootstrap-notify/

Nod

폼 유효성 검사 플러그인입니다.

프로그램 사이트 : https://github.com/casperin/nod

데모 사이트 : http://casperin.github.com/nod/

BootMetro

윈도우 8 형태의 테마를 만들 수 있는 부트스트랩 프레임워크입니다.

프로그램 사이트 및 데모 사이트 : http://aozora.github.com/bootmetro/

Bootstrap Dual Listbox

선택 항목을 좌우로 이동해서 활성화시키는 기능입니다. 이메일목록에서 원하는 이메일을 추출하는 기능에 사용될 수 있습니다.

프로그램 사이트 : https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox

데모 사이트 : http://www.virtuosoft.eu/code/bootstrap-duallistbox/

- 출처 : http://martian36.tistory.com/category/부트스트랩/플러그인

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

jquery-bootpag

컨텐트를 페이지로 만들 수 있는 플러그인입니다.

프로그램 사이트 및 데모 사이트 : http://botmonster.com/jquery-bootpag/#pro-page-7

tableclothjs

다양한 형태의 테이블을 만들 수 있습니다.

http://tableclothjs.com/

pagedown-bootstrap

간단한 구조의 위지윅 편집기를 만들 수 있습니다.

프로그램 사이트 : https://github.com/samwillis/pagedown-bootstrap

데모 사이트 : http://samwillis.co.uk/pagedown-bootstrap/demo/browser/demo.html

Twitter Bootstrap: Dropdown on Hover Plugin

부트스트랩의 메뉴바는 클릭해야 드롭다운 메뉴가 나타나지만 마우스를 올렸을 때 메뉴가 나타나게 할 수 있는 플러그인입니다.

프로그램 사이트 : http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/

데모 사이트 : http://cameronspear.com/demos/twitter-bootstrap-hover-dropdown/

CSS3 Microsoft Modern Buttons

윈도우 8  형태의 버튼을 만들 수 있습니다.

프로그램 사이트 및 데모 사이트 : http://ace-subido.github.com/css3-microsoft-metro-buttons/index.html

- 출처 : http://martian36.tistory.com/category/부트스트랩/플러그인

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

Bootstrap Modal

부트스트랩에는 기본적으로 팝업창인 모달이 포함돼있지만 한가지 종류만 있습니다. 이 플러그인은 다양한 형태의 모달을 제공합니다.

프로그램 사이트 : https://github.com/jschr/bootstrap-modal/

데모 사이트 : http://jschr.github.com/bootstrap-modal/

Fuel UX

트위터 부트스트랩에는 이미 폼을 만들기 위한 스타일시트가 있지만 이 플러그인을 사용하면 부트스트랩의 폼을 더욱 확장시킬 수 있습니다.  

프로그램 사이트 : https://github.com/ExactTarget/fuelux

데모 사이트 : http://exacttarget.github.com/fuelux/

jQuery slimScroll

일정한 범위의 컨텐트를 스크롤할 수 있는 기능입니다.

프로그램 사이트 : https://github.com/rochal/jQuery-slimScroll

데모 사이트 : http://rocha.la/jQuery-slimScroll

Bootstrap-progressbar

프로그레스 바를 색상별로 분리할 수 있는 플러그인입니다.

프로그램 사이트 : https://github.com/geersch/bootstrap-progressbar

데모 사이트 : http://geersch.github.com/bootstrap-progressbar/demo.html

Bootstrap video player

HTML5 비디오 플레이어를 만들 수 있는 플러그인입니다.

프로그램 사이트 : http://html5-ninja.com/item/Bootstrap-video-player-jQuery-plugin/5

데모 사이트 : http://html5-ninja.com/preview/index/5#.UTBERIMz3DP

- 출처 : http://martian36.tistory.com/category/부트스트랩/플러그인

트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 

Acc-wizard

부트스트랩의 어코디언을 이용한 위자드(마법사)를 만들 수 있는 플러그인입니다. 이를 응용해서 쇼핑몰의 결제 단계별 과정이나 프로그램의 설치과정, 튜토리얼을 만들 수 있습니다.

프로그램 사이트: https://github.com/sathomas/acc-wizard

데모 사이트: http://sathomas.me/acc-wizard/#prerequisites

bootstrap-lightbox

이미지를 클릭하면 큰 이미지의 팝업창이 나오는 라이트 박스입니다.

프로그램 사이트: https://github.com/jbutz/bootstrap-lightbox

데모사이트: http://jbutz.github.com/bootstrap-lightbox/

Bootstrap-Image-Gallery

이미지 갤러리를 만들 수 있는 플러그인입니다.

프로그램 사이트: https://github.com/blueimp/Bootstrap-Image-Gallery

데모사이트: http://blueimp.github.com/Bootstrap-Image-Gallery/

Tocify

제목 태그를 목록화해서 목차를 자동으로 만들어주며 스크롤해서 내릴 경우 해당 목차가 나타나고 목차를 클릭하면 해당 컨텐트로 애니메이션 되면서 이동합니다.

프로그램 사이트: https://github.com/gfranko/jquery.tocify.js

데모사이트: http://gregfranko.com/jquery.tocify.js/

Bootstrap-Arrows

부트스트랩 디자인 형태의 화살표를 만듭니다.

프로그램 사이트: https://github.com/iarfhlaith/Bootstrap-Arrows

데모사이트: http://bootstrap-arrows.iarfhlaith.com/