catpark's something new

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

Cosmo

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

아래의 화면의 다운로드 메뉴에서 bootstrap.css 링크를 우클릭해서 다른이름으로 링크 저장을 선택하면 파일로 받을 수 있습니다.

위 화면에서 Preview 메뉴를 선택하면 여러가지 테마를 볼 수 있으며 위와 마찬가지 방법으로 스타일시트를 내려받을 수 있습니다. 아래 그림은 slate라는 메뉴를 선택했을 때 나타나는 테마입니다.

metro-bootstrap

프로그램 사이트 : https://github.com/TalksLab/metro-bootstrap

데모 사이트 : http://talkslab.github.io/metro-bootstrap/index.html

Metro-UI-CSS

부트스트랩과 관련은 없지만 부트스트랩과 유사한 프론트 엔트 프레임워크입니다.

프로그램 사이트 : https://github.com/olton/Metro-UI-CSS

데모 사이트 : http://metroui.org.ua/

Droptiles

프로그램 사이트 : https://github.com/oazabir/Droptiles

데모 사이트 : http://droptiles.com/

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

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/

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

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

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

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