트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. BOOTSTRAP TWITTER OFFLINE DOCS 부트스크랩 크롬 브라우저 오프라인 도움말기능으로 설치하고 나면 우측 상단에 트위터 아이콘이 만들어지고 아이콘을 클릭하면 오프라인으로 부트스트랩 문서를 볼 수 있습니다. 또한 마우스클 우클릭하면 컨텍스트 메뉴에도 나타납니다. 프로그램 사이트 및 데모 사이트 : https://chrome.google.com/webstore/detail/bootstrap-twitter-offline/gihkgljdimgfff..
워드프레스 3.6 버전이 3월 13일 베타 버전이 발표될 예정이었으나 개발이 늦어져서 3월 27일로 연기됐습니다. 어떤 기능이 추가됐는지 알아보기 위해서 베타 버전이 발표되기 전에 알파 버전을 통해 알아보기로 하겠습니다. January 02-09, 2013Confirm proposed scope and secure team leads.January 09, 2013Development begins.March 27, 2013Hard freeze on feature development. Stop feature development; focus on testing and compatibility (supported platforms, browsers, RTL, accessibility, etc). Ship a..
책 제목 : 트위터 부트스트랩 - 디자이너도 놀라워 할 매끈하고 직관적인 웹 사이트 디자인의 비밀(432페이지, PDF 포함 504페이지)영문 제목 : Twitter Bootstrap for Web Development 2013. 3.29일 인쇄 완료되어 선정된 분들에게 오늘 날짜로 발송됩니다. 늦어도 다음 주 월요일에는 받아보실 수 있습니다. 트위터 부트스트랩 책 출간 기념으로 이벤트를 진행합니다. 이 책이 CSS와 HTML을 다룰 줄 아는 분을 기준으로 만들어졌기 때문에 어느정도 웹 디자인 지식이 있어야 따라하실 수 있습니다. 대상 : 웹디자이너, 웹 개발자, 및 CSS로 웹사이트를 스스로 만들 줄 아시는 분을 기준으로 네이버, 티스토리, 다음, 각 포털 사이트 블로거를 배분하여 10명을 선정합니다...
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. LAVISH 부트스트랩 테마 프로그램 사이트 : https://github.com/mquan/lavish데모 사이트 : http://www.lavishbootstrap.com/ WRAPBOOTSTRAP 유료 테마 사이트 프로그램 사이트 및 데모 사이트 : https://wrapbootstrap.com/ FBOOTSTRAPP 페이스북 스타일 부트스트랩 테마 프로그램 사이트 : https://github.com/ckrack/fbootstrapp데모 사이트 : h..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. JQDRAWBOOTSTRAPGRID 디자인 작업시 그리드 생성. 보이기 감추기 기능 제공 프로그램 사이트 : https://github.com/plozi/jQDrawBootstrapGrid데모 사이트 : http://plozi.github.com/jQDrawBootstrapGrid/example/ex.html DIVSHOT 웹 앱 인터페이스 빌더 프로그램 사이트 및 데모 사이트 : http://www.divshot.com/ BOOTSTRAP-FORM-BUIL..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 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:/..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 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 부트스트랩 스타일시트 숏코드. 테마와 함께 제공..
제목 : 트위터 부트스트랩 - 디자이너도 놀라워 할 매끈하고 직관적인 웹 사이트 디자인의 비밀(432페이지) 영문 제목 : Twitter Bootstrap for Web Development 원고는 한달 전에 완료가 됐지만 리뷰와 부트스트랩 3.0 버전 추가 수록으로 인해 책의 출간이 다소 늦어졌습니다. 이제 표지 디자인이 나왔고 모든 편집이 완료돼서 오늘부터 인쇄 작업에 들어가며 내일부터 각 인터넷 서점에 예약 판매를 올릴 예정입니다. 부트스트랩 3.0 버전이 현재 92% 진행됐는데 이달 말 정도면 완료되리라 생각합니다. 이전 글에서도 언급했듯이 부트스트랩 3.0은 모바일 우선 지원(Mobile First)이라서 2.0 버전과 좀 다릅니다. 레이아웃 방법도 달라지고 기능도 모바일에 맞게 줄어들었습니다...
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(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.e..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. X-editable 링크를 클릭하면 팝오버 창이 나타나서 해당 내용을 수정할 수 있는 폼 에디터입니다. 프로그램 사이트 : http://vitalets.github.com/x-editable/데모 사이트 : http://vitalets.github.com/x-editable/demo.html jqBootstrapValidation 폼 유효성 검사 플러그인입니다. 프로그램 사이트 및 데모 사이트 : http://reactiveraven.github.com/jq..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. JASNY BOOTSTRAP 트위터 부트스트랩을 변형하여 여러가지 기능을 추가한 별개의 프레임워크입니다. 프로그램 사이트 및 데모 사이트 : http://jasny.github.com/bootstrap/ jquery-addresspicker 주소를 입력하면 지도가 나타나고 마커를 이동하면 주소가 업데이트됩니다. 프로그램 사이트 : https://github.com/elmariachi111/jquery-addresspicker데모 사이트 : http://mng..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(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/jholl..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. d3-bootstrap-plugins 이 플러그인은 수많은 점이 만들어지고 각 점마다 마우스를 올리면 팝오버가 나타납니다. 아직 적당한 사용처를 알아내지 못했지만 유용할 듯합니다. 프로그램 사이트 : https://github.com/zmaril/d3-bootstrap-plugins데모 사이트 : http://bl.ocks.org/zmaril/3012212 bootstrap-notify 다양한 형태의 알림 메시지를 만들 수 있는 플러그인입니다. 프로그램 사이..
워드프레스 3.6이 현재 개발 중에 있고 며칠 후면 베타버전이 발표될 예정입니다. 이번 버전의 주된 내용은 포스트 관련 업그레이드입니다. 글 작성 도중 어떤 상황이 발생하더라도 자동으로 저장하도록 프로그램이 만들어질 예정인데 정전이 된다 해도 작성 중인 글이 저장이 된다고 합니다. 리비전에 관한 업데이트가 있을 예정이고 사용자 정의 메뉴를 사용하기 쉽게 한다고 합니다. 또한 글 형식(Post Format)에 관한 업데이트가 있을 것인데 자세한 내용은 베타 버전이 나오면 알아보기로 하고 글 형식에 관한 업데이트와 관련해서 3.6 버전의 기본 테마로 예정된 Twenty Thirteen이 지난 달에 임시(First Draft) 버전으로 나왔습니다. 기본적으로 사이드바가 없는 페이지로 사이드바에 배치하던 위젯은..
현재 부트스트랩 3.0이 개발 중에 있고 80% 정도 완성돼 있어서 조만간 출시될 예정입니다. 부트스트랩은 1.0 버전에서 데스트탑 전용으로 나왔고 2.0은 모바일 겸용, 3.0은 모바일 우선 지원, 데스크탑 겸용으로 진화하고 있는 것입니다. 현재 부트스트랩 책을 2.0 버전의 마지막 버전인 2.31을 기준으로 만들었지만 이 책이 나올 즈음에는 3.0 정식 버전이 나오겠죠. 그래서 책에 3.0 버전에 관한 내용을 수록하기 위해 작업하고 있습니다. 책을 두가지 버전에 대해 다루고 있는 이유는 우선 3.0 버전이 모바일 우선 지원이다 보니 IE7 버전을 지원하지 않습니다. 국내에서 아직도 IE7을 사용하고 있는 사용자가 상당하다보니 3.0 버전만 다루는데 무리가 있습니다. 두번째 이유로는 부트스트랩은 자바스..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. jquery-bootpag 컨텐트를 페이지로 만들 수 있는 플러그인입니다. 프로그램 사이트 및 데모 사이트 : http://botmonster.com/jquery-bootpag/#pro-page-7 tableclothjs 다양한 형태의 테이블을 만들 수 있습니다. http://tableclothjs.com/ pagedown-bootstrap 간단한 구조의 위지윅 편집기를 만들 수 있습니다. 프로그램 사이트 : https://github.com/samwilli..