오픈소스들을 정말 정리를 잘 해둔 곳이 있어서 공유합니다. CSS3 Microsoft Modern Buttons 윈도우 8 메트로 스타일 버튼 프로그램 사이트 : http://ace-subido.github.io/css3-microsoft-metro-buttons/index.html Pixate iOS 앱 개발 프레임워크, XCODE를 이용, 개인용 무료임. 안드로이드용은 추후 발표 프로그램 사이트 : http://www.pixate.com/ HTML KickStart 부트스트랩 관련 프로젝트는 아니지만 부트스트랩과 같은 프런트 엔드 프레임워크 프로그램 사이트 : http://www.99lime.com/elements/ 99Lime UIKIT 포토샵 디자인을 위한 UI, 부트스트랩 관련 프로젝트 아님 프로그램 사이트 : http://www.99lime.com/uikit/ bootstro.js 웹페이지를 둘러 볼 수 있는 가이드를 만드는 플러그인입니다. 프로그램 사이트 : https://github.com/clu3/bootstro.js 데모 사이트 : http://clu3.github.io/bootstro.js/ Layout it 웹페이지 요소를 드래그해서 간편하게 만들 수 있는 사이트입니다. 프로그램 사이트 : http://www.layoutit.com/build Bootply 드랍다운 메뉴에서 스니핏 코드를 선택해서 코드를 간편하게 만들 수 있는 사이트입니다. 프로그램 사이트 : http://bootply.com/ jQuery-Validate 폼 유효성 검사 제이쿼리 플러그인 프로그램 사이트 : http://alittlecode.com/files/jQuery-Validate-Demo/index.html Dropbox file uploader 드롭박스에서 파일을 업로드할 수 있는 플러그인 프로그램 사이트 : http://tutorialzine.com/2012/11/dropbox-photo-crop/ 데모 사이트 : http://demo.tutorialzine.com/2012/11/dropbox-photo-crop/ Bootstrap Magic 부트스트랩 사용자 스타일시트 만들기 프로그램 사이트 : http://pikock.github.io/bootstrap-magic/index.html jQuery-Mobile-Bootstrap-Theme 부트스트랩 모바일 테마 프로그램 사이트 : https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme 데모사이트 : http://andymatthews.net/code/jQuery-Mobile-Bootstrap-Theme/ Darkstrap 부트스트랩 테마 프로그램 사이트 : https://github.com/danneu/darkstrap 데모사이트 : http://danneu.com/bag/darkstrap/darkstrap.html PinStrap – Pinterest meets Bootstrap 핀터레스트 스타일 워드프레스 테마. 이메일 구독신청 요함 프로그램 사이트 : http://bragthemes.com/theme/pinstrap-pinterest-meets-bootstrap/ 데모사이트 : http://bragthemes.com/preview/?theme=PinStrap bootstrap-multisuggest 부트스트랩 다중 선택박스 프로그램 사이트 : https://github.com/rroppolo/bootstrap-multisuggestplugin 데모 사이트 : http://htmlpreview.github.io/?https://github.com/rroppolo/bootstrap-multisuggestplugin/blob/master/demo.html bootstrap-wysiwyg 부트스트랩 위지위그 편집기. 음성도 가능. 프로그램 사이트 : https://github.com/mindmup/bootstrap-wysiwyg/ 데모 사이트 : http://mindmup.github.io/bootstrap-wysiwyg/ Bootstrap MaxLength 부트스트랩 최대 입력 가능 글자수 표시 프로그램 사이트 : https://github.com/mimo84/bootstrap-maxlength 데모 사이트 : http://mimo84.github.io/bootstrap-maxlength/ bootstrap-ajax 프로그램 사이트 : https://github.com/eldarion/bootstrap-ajax 데모 사이트 : http://uk013.o1.gondor.io/ ACADEMIC 블로그 CMS 프로그램 사이트 : https://github.com/academic-cms/academic 데모 사이트 : http://academic-cms.github.io/ Bootstrap 3 for IE7 부트스트랩 3 용 인터넷 익스플로러 7 핵 – 베타버전 프로그램 사이트 및 데모 사이트 : https://github.com/coliff/bootstrap-ie7 SCREENCHECK 모바일 디자인 테스트 사이트 프로그램 사이트 및 데모 사이트 : http://cybercrab.com/screencheck/ HTML BUTTON GENERATOR 부트스트랩 버튼 생성기 프로그램 사이트 및 데모 사이트 : http://bootsnipp.com/buttons CodeIgniter Form Builder CodeIgniter 부트스트랩 폼 빌더 프로그램 사이트 : https://github.com/zwacky/codeigniter_form_builder Joomlashack Wright v3.0 줌라(Joomla) 템플릿 프로그램 사이트 : https://github.com/joomlashack/wright 데모 사이트 : http://wright.joomlashack.com/demo/ BOOTSTRAP TOUR 사이트 투어 위자드. 프로그램 사이트 : https://github.com/Gild/bootstrap-tour 데모 사이트 : http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin DURANDAL 싱글 페이지 앱 프레임워크 프로그램 사이트 : https://github.com/BlueSpire/Durandal 데모 사이트 : http://durandaljs.com/pages/videos/ BOOTSTRAP-BLOG 블로그 템플릿 프로그램 사이트 : https://github.com/dan-silver/Node.js-Blog-Engine https://npmjs.org/package/bootstrap-blog 데모 사이트 : http://nodejs-blog-engine-example.herokuapp.com/ EMBERJS-PAGEABLE 데이터 테이블 페이지네이션 프로그램 사이트 : https://github.com/VisualGuruz/emberjs-pageable 데모 사이트 : http://visualguruz.com/ember-pageable-demo/ EMBERJS-ADDONS/EMBER-BOOTSTRAP 부트스트랩 용 EMBERJS 프로그램 사이트 : https://github.com/emberjs-addons/ember-bootstrap 데모 사이트 : http://emberjs-addons.github.com/ember-bootstrap/ WATable 데이터 테이블, 분류, 페이징, 필터링 가능 프로그램 사이트 및 데모 사이트 : http://wootapa-watable.appspot.com/ jekyll bootstrap 정적인(Static) 웹사이트를 만들 수 있는 프레임워크, 부트스트랩 테마 사용, 데이터베이스가 필요 없어서 빠른 속도의 웹사이트 제작 가능. 현재 부트스트랩 3.0의 문서도 이 프레임워크로 제작. 웹 개발자들은 워드프레스에서 이 프레임워크로 전향 중. 향후 자세한 사용법 포스팅 예정 프로그램 사이트 및 데모 사이트 : http://jekyllbootstrap.com/ JQUERY-BOOTSTRAP-SCRIPTING 부트스트랩 모달 확장 플러그인 프로그램 사이트 및 데모 사이트 : http://nikku.github.com/jquery-bootstrap-scripting/ BOOTSTRAP-PROMPTS 부트스트랩 모달을 이용한 자바스크립트 프롬프트 프로그램 사이트 및 데모 사이트 : http://sair.am/demos/bootstrap-prompts/index.html PINES NOTIFY 알림 메시지 프로그램 사이트 및 데모 사이트 : http://sciactive.github.com/pnotify/ MagicSuggest 선택 박스 프로그램 사이트 및 데모 사이트 : http://nicolasbize.github.com/magicsuggest/ Nod 폼 유효성 검사 프로그램 사이트 및 데모 사이트 : http://casperin.github.com/nod/ Bootstrap-AcknowledgeInput.js 입력박스 피드백 프로그램 사이트 및 데모 사이트 : http://averagemarcus.github.com/Bootstrap-AcknowledgeInputs/ tablecloth.js 다양한 테이블 디자인 프로그램 사이트 및 데모 사이트 : http://tableclothjs.com/ Bootbox.js 부트스트랩 모달 확장 프로그램 사이트 및 데모 사이트 : http://bootboxjs.com/ Bootstrap Tag Autocomplete 태그 자동 완성 프로그램 사이트 및 데모 사이트 : http://sandglaz.github.com/bootstrap-tagautocomplete/ BOOTSTRAP FILE INPUT STYLER 파일 업로더 프로그램 사이트 및 데모 사이트 : http://gregpike.net/demos/bootstrap-file-input/demo.html# bootstrap-select 선택 박스 프로그램 사이트 및 데모 사이트 : http://silviomoreto.github.com/bootstrap-select/ jQuery FileStyle for Bootstrap 파일 업로더 프로그램 사이트 및 데모 사이트 : http://markusslima.github.com/bootstrap-filestyle/ Clockface 타임피커 프로그램 사이트 및 데모 사이트 : http://vitalets.github.com/clockface/ Bootstrap Captcha 부트스트랩 캡차 프로그램 사이트 및 데모 사이트 : http://jsfiddle.net/hqv27/ Google Plus style for Bootstrap 구글 플러스 스타일 프로그램 사이트 및 데모 사이트 : http://xbreaker.github.com/plusstrap/index.html Ligature Symbols Icons 250개 폰트 아이콘 프로그램 사이트 및 데모 사이트 : http://kudakurage.com/ligature_symbols/ AngularStrap 부트스트랩 자바스크립트 확장 프로그램 사이트 및 데모 사이트 : http://mgcrea.github.com/angular-strap/ TODC Bootstrap 구글 스타일 부트스트랩 프로그램 사이트 : https://github.com/todc/todc-bootstrap 데모 사이트 : http://todc.github.com/todc-bootstrap/index.html Flat-UI 프로그램 사이트 : https://github.com/designmodo/Flat-UI 데모 사이트 : http://designmodo.com/flat-free/ twitter.bootstrap.mvc ASP.Net MVC 4 부트스트랩 nuget 패키지 프로그램 사이트 : https://github.com/erichexter/twitter.bootstrap.mvc 데모 사이트 : http://lostechies.com/erichexter/2012/11/20/twitter-bootstrap-mvc4-the-template-nuget-package-for-asp-net-mvc4-projects/ Bootstrap PSD v2.0 부트스트랩 포토샵 템플릿 프로그램 사이트 및 데모 사이트 : http://gui.repixdesign.com/#bootstrap TinyMCE skin Bootstrap TinyMCE Bootstrap 스킨 프로그램 사이트 : https://github.com/gtraxx/tinymce-skin-bootstrap 데모 사이트 : http://blog.aurelien-gerits.be/2013/01/09/tinymce-skin-twitter-bootstrap/ BIC Calendar 스케줄 달력 프로그램 사이트 : https://github.com/bichotll/bic_calendar 데모 사이트 : http://bic.cat/bic_calendar/ SASS-TWITTER-BOOTSTRAP SASS용 부트스트랩 프로그램 사이트 : https://github.com/jlong/sass-twitter-bootstrap#readme OpenWeb Icons 오픈소스 관련 아이콘 프로그램 사이트 및 데모 사이트 : http://pfefferle.github.com/openwebicons/ FLATSTRAP 그래디언트와 둥근 모서리를 제거한 부트스트랩 프로그램 사이트 및 데모 사이트 : http://littlesparkvt.com/flatstrap/index.html BOOTSTRAPDOCS 버전 별 부트스트랩 문서 제공 프로그램 사이트 및 데모 사이트 : http://bootstrapdocs.com/ BOOTSTRAPCDN 부트스트랩 파일 링크 CDN 프로그램 사이트 및 데모 사이트 : http://www.bootstrapcdn.com/?v=10292012225705 INITIALIZR HTML5 부트스트랩 템플릿 프로그램 사이트 및 데모 사이트 : http://www.initializr.com/ BOOTSTRAP TWITTER OFFLINE DOCS 부트스크랩 크롬 브라우저 오프라인 도움말기능으로 설치하고 나면 우측 상단에 트위터 아이콘이 만들어지고 아이콘을 클릭하면 오프라인으로 부트스트랩 문서를 볼 수 있습니다. 또한 마우스클 우클릭하면 컨텍스트 메뉴에도 나타납니다. 프로그램 사이트 및 데모 사이트 : https://chrome.google.com/webstore/detail/bootstrap-twitter-offline/gihkgljdimgfffabkemicpaeljmoobil SUBLIME-TWITTER-BOOTSTRAP-SNIPPETS 서브라임 텍스트 편집기 용 부트스트랩 코드 스니핏 프로그램 사이트 : https://github.com/devtellect/sublime-twitter-bootstrap-snippets/ Aptana Twitter Bootstrap Bundle 앱타나 스튜디오 3용 부트스트랩 스니핏 프로그램 사이트 : https://github.com/berkayunal/twitter-bootstrap.ruble ELUSIVE ICONS 271개의 부트스트랩 호환 폰트 아이콘 프로그램 사이트 및 데모 사이트 : http://aristeides.com/elusive-iconfont/ GAMEICONS.NET 게임 아이콘 프로그램 사이트 및 데모 사이트 : http://game-icons.net/ FONT AWESOME 249개의 부트스트랩 호환 폰트 아이콘 프로그램 사이트 및 데모 사이트 : http://fortawesome.github.com/Font-Awesome/ FONT AWESOME More 300개 이상의 부트스트랩 호환 폰트 아이콘. Font Awesome의 Fork 프로그램 사이트 및 데모 사이트 : http://gregoryloucas.github.com/Font-Awesome-More/ ANIMATE.LESS 요소의 애니메이션이 가능한 LESS 파일. 스타일시트로 컴파일해서 사용합니다. 데모 사이트에서 버튼을 클릭하면 짙은 색 버튼이 애니메이션되는 것을 볼 수 있습니다. 프로그램 사이트 : https://github.com/machito/animate.less 데모 사이트 : http://daneden.me/animate/ TWITTER BOOTSTRAP FOR GITHUB PAGES 깃허브 페이지 테마 프로그램 사이트 및 데모 사이트 : http://robertcedwards.github.com/gh-pages-theme/ LAVISH 부트스트랩 테마 프로그램 사이트 : https://github.com/mquan/lavish 데모 사이트 : http://www.lavishbootstrap.com/ WRAPBOOTSTRAP 유료 테마 사이트 프로그램 사이트 및 데모 사이트 : https://wrapbootstrap.com/ FBOOTSTRAPP 페이스북 스타일 부트스트랩 테마 프로그램 사이트 : https://github.com/ckrack/fbootstrapp 데모 사이트 : http://ckrack.github.com/fbootstrapp/ BOOTTHEME 부트스트랩 테마 생성기 프로그램 사이트 및 데모 사이트 : http://www.boottheme.com/ jQuery UI Bootstrap 제이쿼리 UI 기반 부트스트랩 프로그램 사이트 : https://github.com/addyosmani/jquery-ui-bootstrap/ 데모 사이트 : http://addyosmani.github.com/jquery-ui-bootstrap/ BOOTSWATCHER 테마 생성기 프로그램 사이트 및 데모 사이트 : http://bootswatcher.com/ BootSwatchr 테마 생성기 프로그램 사이트 및 데모 사이트 : http://bootswatchr.com/ Bootswatch 테마 생성기 프로그램 사이트 및 데모 사이트 : http://bootswatch.com/ STYLEBOOTSTRAP.INFO 테마 생성기 프로그램 사이트 및 데모 사이트 : http://stylebootstrap.info/ PAINTSTRAP 테마 생성기 프로그램 사이트 및 데모 사이트 : http://paintstrap.com/ JQDRAWBOOTSTRAPGRID 디자인 작업시 그리드 생성. 보이기 감추기 기능 제공 프로그램 사이트 : https://github.com/plozi/jQDrawBootstrapGrid 데모 사이트 : http://plozi.github.com/jQDrawBootstrapGrid/example/ex.html DIVSHOT 웹 앱 인터페이스 빌더 프로그램 사이트 및 데모 사이트 : http://www.divshot.com/ BOOTSTRAP-FORM-BUILDER 부트스트랩 폼 생성기. 끌어놓기로 폼 생성 프로그램 사이트 : https://github.com/minikomi/Bootstrap-Form-Builder 데모 사이트 : http://bootstrap-forms.heroku.com/ JETSTRAP 인터페이스 생성기 프로그램 사이트 및 데모 사이트 : http://jetstrap.com/ EASEL.IO 인터페이스 생성기 프로그램 사이트 및 데모 사이트 : https://www.easel.io/ Bootsnipp.com 부트스트랩에 사용되는 각종 코드 스니핏. 프로그램 사이트 및 데모 사이트 : http://bootsnipp.com/ TWITTER BOOTSTRAP BUTTON GENERATOR WITH FAMFAMFAM ICONS 1000개의 무료 팜팜팜 아이콘과 부트스트랩 버튼 프로그램 사이트 및 데모 사이트 : http://www.plugolabs.com/custom-twitter-bootstrap-button-generator-with-famfamfam-icons/ CSS3 GRADIENT GENERATOR CSS3 그래디언트 생성기 프로그램 사이트 및 데모 사이트 : http://gradients.glrzad.com/ BEAUTIFUL BOOTSTRAP BUTTONS 부트스트랩 버튼 생성기 프로그램 사이트 및 데모 사이트 : http://charliepark.org/bootstrap_buttons/ TWITTER BOOTSTRAP BUTTON GENERATOR 부트스트랩 버튼 생성기 프로그램 사이트 및 데모 사이트 : http://www.plugolabs.com/twitter-bootstrap-button-generator/ HOLDER.JS 웹 개발용 더미(dummy) 이미지 프로그램 사이트 및 데모 사이트 : http://imsky.github.com/holder/ WP-BOOTSTRAP-GALLERY 워드프레스 갤러리 프로그램 사이트 : https://github.com/twittem/wp-bootstrap-gallery WP-BOOTSTRAP-NAVWALKER 부트스트랩 용 워드프레스 내비게이션 메뉴 프로그램 사이트 : https://github.com/twittem/wp-bootstrap-navwalker WP PLUGIN FOR BOOTSTRAP SHORTCODES 부트스트랩 스타일시트 숏코드. 테마와 함께 제공되며 사이트에서 이메일 구독 신청하면 테마를 내려받을 수 있습니다. 프로그램 사이트 : http://bragthemes.com/wordpress-plugin-for-twitter-bootstrap-shortcodes/ SHOESTRAP 부트스트랩 워드프레스 테마. 데모 사이트에서 회원가입하고 무료 구매 하면 자동 업그레이드가 가능한 라이센스 키가 제공됩니다. 프로그램 사이트 : https://github.com/aristath/shoestrap 데모 사이트 : http://shoestrap.org/ TWITTER BOOTSTRAP CSS PLUGIN 스타일시트 플러그인 프로그램 사이트 : http://wordpress.org/extend/plugins/wordpress-bootstrap-css/ WP-BOOTSTRAP 부트스트랩 워드프레스 테마 프로그램 사이트 및 데모 사이트 : http://320press.com/wpbs/ BOOTSTRAPWP 부트스트랩 워드프레스 테마 프로그램 사이트 및 데모 사이트 : http://bootstrapwp.rachelbaker.me/ ROOTS WORDPRESS THEME 부트스트랩 워드프레스 테마 프로그램 사이트 및 데모 사이트 : http://www.rootstheme.com/ The Bootstrap 부트스트랩 워드프레스 테마 프로그램 사이트 및 데모 사이트 : http://wordpress.org/extend/themes/the-bootstrap ALIEN SHIP 부트스트랩 워드프레스 테마 프로그램 사이트 및 데모 사이트 : http://www.johnparris.com/alienship/download/ WPSTRAP 부트스트랩 워드프레스 테마 프로그램 사이트 : https://github.com/gbuckingham89/wpstrap Bootstrap WordPress 0.9.3 부트스트랩 워드프레스 테마 프로그램 사이트 및 데모 사이트 : http://digitalnature.eu/themes/bootstrap/ 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/ 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/ 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/ 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/ 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/ 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 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 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/ 출처 : http://imagestory.net/?p=680 |