Zen Coding in Editplus (HTML,CSS 코딩을 빠르게)

senseme

· 2013-07-04 (목) 02:00:31 · 조회 7609 7609 · 댓글 1 1

에디터 플러스 상단메뉴에서 Zen Coding - Zen Coding 사용 활성화해주시면 되구요.
기본 단축키는 Ctrl+E입니다.
저는 Shift + Space로 사용합니다.
추가 방법은 도구 - 기본설정 - 키보드 - Zen Coding - Expand Abbreviation 선택후 단축키를 추가해주시면 됩니다.

Zen Coding은 HTML,CSS를 코딩함에 있어 생산성을 비약적으로 높여주는 개념입니다.
자동완성 기능과는 다르구요.
CSS셀렉터문법방식 그대로를 사용해 HTML태그로 전환시켜준다는 것입니다.
단축단어속성이 있어서 숙달되면 빠른 속도로 코딩할 수 있습니다.

동영상 보시면 이해가 빠르실겁니다.
http://vimeo.com/7405114

간단한 예제 따라해보시면 아실겁니다. (단축키 Ctrl + E)
html:xt
#header>ul.menu>li*5
#header>ul.menu>li.menu$*5
#header>ul.menu>li.menu$*5|c
#header>ul.menu>li.menu$*5>a>img
table+
table>tr*5>td*2
div.item$-$-content*6
div#page>div.logo+ul#navigation>li*5>a

---------------------------------------------------

덧붙이자면
Ediptplus설치 폴더에 zen_coding_epp.js 파일을 열어 보시면 Zen Coding을 확인할수있구요.
스크립트 호스팅 기능을 제공하는거죠.
다르게 사용하거나 필요하신건 자신에 맞게 추가 수정가능합니다. (수정후엔 에디터플러스 재시작)

#개발자 #기타

댓글 1개

takumi22

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2013-07-08 (월) 00:02:44

감사해용^^

댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

태그 필터 (최대 3개) 전체 디자이너 개발자 javascript 기타 php linux mysql flash 정규표현식 jquery node.js mobile 웹서버 os 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성

제목	글쓴이	날짜	조회
스팸로봇의 이메일 수집 방지 [3] #개발자 #php	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-11	조회 1,748
레이어팝업 스크립트 문의 [1] #개발자 #javascript	제이티37 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-10	조회 1,761
vi로 URL 열기 [8] #개발자 #기타	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-09	조회 1,346
1원짜리팁 현재 사이트 쿠키 알아내기 [3] #개발자 #javascript	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-09	조회 1,790
1원짜리팁 자바스크립트로 좌우 공백 제거구현하기 [3] #개발자 #javascript	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-09	조회 2,006
Please help me.Fatal error: Call to undefined function dbconn_error() [1] #개발자 #php	Okta 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-08	조회 1,188
Apache2, PHP, Oracle(MySQL) 웹 연동 설치 [1] #개발자 #mysql	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-07	조회 2,444
몇일째 테스트 중인데 머가 문제인지 죽어도 모르겠습니다. 고수님들 도와줴요..ㅠㅠ [7] #개발자 #php	개도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,397
Zen Coding in Editplus (HTML,CSS 코딩을 빠르게) [1] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 7,610
화일을 캐쉬 주고 압축해서 보내기 [2] #개발자 #웹서버	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,514
캐쉬 삭제 [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,369
모바일 웹 사용시 줌 비허용하기 [1] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 2,173
절댓값 리턴 함수 [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,159
자동 스크롤바 사용하기 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,680
일주기 시간대별로 플래시무비 자동 교체시키기 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,302
TEXTATEA 창늘리기~ [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-04	조회 1,233
UTF-8 문자열 자르기 함수 [1] #개발자 #php	PASKRAN 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-03	조회 3,003
브라우저 가로사이즈에 반응하여 css로 균등한 간격으로 정렬하기~_~ [10] #퍼블리셔 #반응형	스아이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 1.1만
상단 가운데 정렬 , 스크롤시 상단에 고정... [5] #개발자 #jquery	열매 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 3,215
제이쿼리를 이용한 파일 업로드 관련 자료 입니다. [5] #개발자 #jquery	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 3,046
제이쿼리 효과2입니다. [4] #개발자 #jquery	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 1,592
제이쿼리 fadein 효과 [5] #개발자 #jquery	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 2,947
간단하게 파일을 쓰거나 읽는 함수입니다 [2] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 1,021
페이스북 댓글창, 좋아요 달기 [3] #개발자 #javascript	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 1,927
IP중간 * 표시 하기 [2] #개발자 #php	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13-07-01	조회 1,348

글쓰기