트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 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 부트스트랩 관련 프로젝트는 아니지만 부트스트랩과..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 이번 글은 php 개발 관련입니다. CODEIGNITER_FORM_BUILDER CODEIGNITER 라이브러리 폼 빌더 프로그램 사이트 : https://github.com/zwacky/codeigniter_form_builder WRIGHT 줌라 템플릿 생성 프레임워크 프로그램 사이트 : https://github.com/joomlashack/wright데모 사이트 : http://wright.joomlashack.com/demo/ Bootstrap fo..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 이번 글은 윈도우 8 메트로 디자인 관련입니다. Cosmo 프로그램 사이트 및 데모 사이트 : http://bootswatch.com/cosmo/ 아래의 화면의 다운로드 메뉴에서 bootstrap.css 링크를 우클릭해서 다른이름으로 링크 저장을 선택하면 파일로 받을 수 있습니다. 위 화면에서 Preview 메뉴를 선택하면 여러가지 테마를 볼 수 있으며 위와 마찬가지 방법으로 스타일시트를 내려받을 수 있습니다. 아래 그림은 slate라는 메뉴를 선택했을 때 ..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. bootstro.js 웹페이지를 둘러 볼 수 있는 가이드를 만드는 플러그인입니다. 프로그램 사이트 : https://github.com/clu3/bootstro.js데모 사이트 : http://clu3.github.io/bootstro.js/ Layout it 웹페이지 요소를 드래그해서 간편하게 만들 수 있는 사이트입니다. 프로그램 사이트 : http://www.layoutit.com/build Bootply 드랍다운 메뉴에서 스니핏 코드를 선택해서 코드를 ..
SK 텔레콤에서 트위터 부트스트랩을 기반으로한 웹앱 프레임워크를 개발했더군요. 지난 2월 11일 오픈소스로 공개해서 무료로 사용이 가능합니다. 단순히 부트스트랩만 포함시킨 것이 아니라 부트스트랩 기반의 여러가지 플러그인, MVC 패턴 지원을 위한 백본(Backbone.js) 등을 포함하고 있습니다. http://cornerstone.sktelecom.com 위 링크로 이동하면 코너스톤 관련 모든 문서를 볼 수 있습니다. 저장소 링크를 클릭하면 깃허브로 연결되며 관련된 모든 파일을 내려받을 수 있습니다. 용량이 153Mb나 되므로 받는 시간에 따라 속도가 엄청 차이납니다. 아침 시간에 받으니 몇분 걸리는데 어제는 몇시간이나 걸리더군요. 중간에 받다가 중단됐죠. 위 화면에서 3개의 버튼은 개별적으로 관련 파..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(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..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. bootstrap-multisuggest 부트스트랩 다중 선택박스 프로그램 사이트 : https://github.com/rroppolo/bootstrap-multisuggestplugin데모 사이트 : http://htmlpreview.github.io/?https://github.com/rroppolo/bootstrap-multisuggestplugin/blob/master/demo.html bootstrap-wysiwyg 부트스트랩 위지위그 편집기. 음성..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. Bootstrap 3 for IE7 부트스트랩 3 용 인터넷 익스플로러 7 핵 - 베타버전 프로그램 사이트 및 데모 사이트 : https://github.com/coliff/bootstrap-ie7 SCREENCHECK 모바일 디자인 테스트 사이트 프로그램 사이트 및 데모 사이트 : http://cybercrab.com/screencheck/ HTML BUTTON GENERATOR 부트스트랩 버튼 생성기 프로그램 사이트 및 데모 사이트 : http://boo..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 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/page..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. WATable 데이터 테이블, 분류, 페이징, 필터링 가능 프로그램 사이트 및 데모 사이트 : http://wootapa-watable.appspot.com/ jekyll bootstrap 정적인(Static) 웹사이트를 만들 수 있는 프레임워크, 부트스트랩 테마 사용, 데이터베이스가 필요 없어서 빠른 속도의 웹사이트 제작 가능. 현재 부트스트랩 3.0의 문서도 이 프레임워크로 제작. 웹 개발자들은 워드프레스에서 이 프레임워크로 전향 중. 향후 자세한 사용법..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. MagicSuggest 선택 박스 프로그램 사이트 및 데모 사이트 : http://nicolasbize.github.com/magicsuggest/ Nod 폼 유효성 검사 프로그램 사이트 및 데모 사이트 : http://casperin.github.com/nod/ Bootstrap-AcknowledgeInput.js 입력박스 피드백 프로그램 사이트 및 데모 사이트 : http://averagemarcus.github.com/Bootstrap-Acknowled..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. tablecloth.js 다양한 테이블 디자인 프로그램 사이트 및 데모 사이트 : http://tableclothjs.com/ Bootbox.js 부트스트랩 모달 확장 프로그램 사이트 및 데모 사이트 : http://bootboxjs.com/ Bootstrap Tag Autocomplete 태그 자동 완성 프로그램 사이트 및 데모 사이트 : http://sandglaz.github.com/bootstrap-tagautocomplete/ BOOTSTRAP FI..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. jQuery FileStyle for Bootstrap 파일 업로더 프로그램 사이트 및 데모 사이트 : http://markusslima.github.com/bootstrap-filestyle/ Clockface 타임피커 프로그램 사이트 및 데모 사이트 : http://vitalets.github.com/clockface/ Bootstrap Captcha 부트스트랩 캡차 프로그램 사이트 및 데모 사이트 : http://jsfiddle.net/hqv27/ Go..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 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 A..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. SASS-TWITTER-BOOTSTRAP SASS용 부트스트랩 프로그램 사이트 : https://github.com/jlong/sass-twitter-bootstrap#readme OpenWeb Icons 오픈소스 관련 아이콘 프로그램 사이트 및 데모 사이트 : http://pfefferle.github.com/openwebicons/ FLATSTRAP 그래디언트와 둥근 모서리를 제거한 부트스트랩 프로그램 사이트 및 데모 사이트 : http://littles..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. BOOTSTRAP TWITTER OFFLINE DOCS 부트스크랩 크롬 브라우저 오프라인 도움말기능으로 설치하고 나면 우측 상단에 트위터 아이콘이 만들어지고 아이콘을 클릭하면 오프라인으로 부트스트랩 문서를 볼 수 있습니다. 또한 마우스클 우클릭하면 컨텍스트 메뉴에도 나타납니다. 프로그램 사이트 및 데모 사이트 : https://chrome.google.com/webstore/detail/bootstrap-twitter-offline/gihkgljdimgfff..