웹디자인을 하다보면 텍스트 편집기에서 코드를 수정하고 웹브라우저에서 확인하는 절차를 반복하게 됩니다. 웹브라우저에서는 개발자 툴을 이용해서 코드를 확인할 수 있을 뿐이죠. 그런데 구글 크롬 브라우저의 Autosave 확장 플러그인을 사용하면 개발자 툴에서 직접 편집하고 새로고침하면 웹페이지에 적용이 되고 스타일시트나 자바스크립트 코드도 바로 변경됩니다. 플러그인을 설치하고 파일을 다루기 위해서 Node.js라는 플러그인을 설치해야하지만 웹 개발시 편리하게 사용할 수 있습니다. 그러면 이러한 기능을 사용하는 방법을 알아보겠습니다. 1. 구글 크롬 자동저장 플러그인 설치하기 바로가기 위 링크로 이동해서 크롬 자동저장 플러그인을 설치합니다. 2. Node.js 설치하기 바로가기 위 링크로 이동해서 Node.j..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(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..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인할 경우 부트스트랩 문서 페이지에서 요소검사해서 코드를 복사해 붙여넣고 사용할 수도 있지만 앱타나 스튜디오와 서브라임 텍스트 에디터에 플러그인을 설치하면 간단하게 스니핏 코드를 사용할 수 있습니다. 스니핏이란 이미 만들어진 코드로 단축키만 누르면 코드가 바로 완성됩니다. 1. 앱타나 스튜디오에 부트스트랩 스니핏 플러그인 설치하기 https://github.com/berkayunal/twitter-bootstrap.ruble 위 링크로 이동합니다. ZIP 버튼을 클릭해서 파일을 내려받습니다. 위 경로로 들어가서 Aptana Rubles에 twitter-bootstrap.ruble 폴더를 만들고 파일을 압축해제합니다. 메뉴에서 Window-->Show View-..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(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..
워드프레스 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..
