총 게시물 62건, 최근 0 건 안내 RSS 글쓰기
이전글  다음글  목록 글쓰기
[TIP&TECH]

zen coding 웹을 쉽게 코딩하자.

글쓴이 : 등푸른망둥어 날짜 : 2014-06-24 (화) 11:17 조회 : 6347
글주소 : http://www.androidside.com/B57/767
 
  무선데이터보안, H&Bit
휴대폰을 분실해도 개인정보유출방지 걱정NO! 데이터 안심보안은 LIPEX APP
www.hnbit.co.kr
  즐거운 배움, 누리문화센터
부산지역사회서비스, 부산바우처, 아동교육, 자격증, 취미, 원데이클래스
nuricc.kr
  입문 코딩로봇 맥코딩
코딩교육 입문용 코딩로봇 맥코딩. GS홈쇼핑 12/6(목) 12:40~
magcoding.co.kr
신청하기


젠 코딩 정말 나이스 하네요. 
긴 HTML 등들은 TAG, CLASS, ID 속명만으로 html tag를 자동으로 한방에 생성해주고 , 여러가지 
옵션으로 편하게 사용할수 있네요.  에디터도 여러가지 지원하네요.
 
최신 버전의 에디터 플러스를 설치 하시면 zen coding 명령 탭이 화면에 나타납니다.  최신버전의 에디터플러스 설치하세요.

소개 : http://guny.kr/zen-coding-editplus/

Zen Coding 소개  동영상 : http://vimeo.com/40333685

 


 
명령어 설명  - 단축키 잘 지정해서 쓰세욤.
 
  • expand abbreviation : 약어 실행
  • wrap width abbreviation : 영역을 감싸고 약어를 실행
  • Match pair : 쌍으로 매치되는 영역을 선택합니다.
  • Match pair Inward : 현재 커서위치 부터 매치되는 영역을 선택 합니다.
  • Next Edit pointer : 다음 수정될 포인터 위치
  • Prev Edit pointer : 이전 수정될 포인터 위치
  • go to Matcing pair : 매칭 되는 태그 위치로 커서를 이동
  • Merge Lines : 현재 선택된 영역 부터 한줄로 정렬합니다.
  • Toggle Comment : 선택된 영역부터 주석처리 하기
  • Split/join : 나누고/합치기. ( 흠.. 태그하나로 변경되어버리네. ^^; )
  • Remove Tag : 태그 지우기 
  • Numbers
     - Evaluate Math Expression : 연산을 실행
     - Increment Number by 1 : 1 증가
     - Decrement Number by 1 : 1 감소
     - Increment Number by 0.1 : 0.1 증가
     - Decrement Number by 0.1 : 0.1 감소
     - Increment Number by 10 : 10 증가
     - Decrement Number by 10 : 10 감소
  • select Next Item  : 다음 아이템을 선택
  • select previous item : 이전 아이템을 선택
  • reflect css value : css 값을 반영

예) 커서를 문장의 끝에 위치하여, Zen Coding ==> expand abbreviation 실행해 보세요.
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



등푸른_망둥어

등푸른망둥어 님의 웹(WEB) 최신글 [더보기]


추천/비추천 클릭하면 추천받으신 분, 추천하신 분 모두에게 포인트가 지급됩니다.

소죠 2014-08-02 (토) 15:49

시간이 지나서 다들 아시겠시만.. 혹시나. 해서리..

EMMET 로 명칭이 변경되었을꺼여요..
http://docs.emmet.io/

댓글주소
등푸른망둥어 2014-08-07 (목) 13:40
변경되었네요 ㅎㅎ 
감사합니다 ~~ 
댓글주소
wowpong 2014-10-20 (월) 13:00
감사합니다.
댓글주소
곰돌이23524 2014-11-09 (일) 21:01
댓글주소
감귤쥬스 2014-11-13 (목) 11:24
감사합니다.
댓글주소
오지명의후예 2014-12-20 (토) 10:22

감사합니다^^

댓글주소
일우정 2014-12-28 (일) 11:12
감사합니다~
댓글주소
감자들 2015-02-07 (토) 11:30
잘은 이해가 안되지만  감사합니다...
댓글주소
이전글  다음글  목록 글쓰기

총 게시물 62건, 최근 0 건 안내 RSS
번호 분류 제목 글쓴이 날짜 추천 비추천 조회
62 소스코드
 $scope.page = 0;   $scope.total = 1;   $scope.restaurants = [];   $scope.getRestaurants = function () {     $scop…
조각 08-10 2 0 1542
61 소스코드
감사합니다.
우리큰형님 07-08 3 1 2520
60 강좌
Store에 저장된 Model 객체를 each()메소드로  Model객체당 패널를 하나씩 만드는 방법도 있지만 DataView(Ext.dataview.Dat…
이카루스031 06-02 5 0 4306
59 강좌
Store에 저장할 Model 객체 타입을 정의하고 프록시 Ext.data.proxy.Memory를 사용해서 인라인 데이터를 읽고 인라인 데이…
이카루스031 06-02 3 0 3971
58 강좌
스토어는(Ext.data.Store)는  클라이언트측 데이터 캐쉬 저장소 역할을 한다. Store는 처음 생성될 때만 서버나 HTML5…
이카루스031 06-02 1 0 3824
57 소스코드
페이지 링크 : https://github.com/Flipboard/react-canvas 사용언어 : javascript Introductory blog post Flipboard는 모바일 웹 앱…
카이로 03-18 2 0 4366
56 TIP&TECH
A self-hosted chat app for small teams built by Security Compass. Features and Stuff BYOS (bring your own server) Persistent messages M…
카이로 03-18 3 0 6460
55 TIP&TECH
IO.JS 링크 : https://github.com/iojs/io.js io.js 는 node.js의 커미터들이 대거 이동해서 만든 npm compatible platform 입니다.…
카이로 03-18 1 0 4823
54 TIP&TECH
아래 사이트에서 퍼온 자료입니다. http://blackfrost.blog.me/40210784439 필자가 최근 php에서 좀 깔끔한 그래프를 …
카이로 03-05 5 0 20645
53 TIP&TECH
$sudo apt-get install python-software-properties python g++ make  $sudo add-apt-repository ppa:chris-lea/node.js  $sudo apt-get update…
카이로 12-18 4 0 6042
52 소스코드
50+ FREE BEAUTIFUL JQUERY CSS3 MENU PLUGINS & TUTORIALS Free beautiful jQuery CSS3 menu navigation plugin and tutorials that it is an important…
카이로 11-28 3 0 5728
51 TIP&TECH
구굴 웹사이트 서핑 중  좋은 정보 인듯 해서 공유 차원에서 글을 적습니다. CSS 관련 해서 참고 하시고 많은…
등푸른망둥어 06-24 4 0 10448
50 TIP&TECH
젠 코딩 정말 나이스 하네요. 긴 HTML 등들은 TAG, CLASS, ID 속명만으로 html tag를 자동으로 한방에 생성해주…
등푸른망둥어 06-24 2 0 6348
49 강좌
출처 http://sir.co.kr/bbs/board.php?bo_table=wa_forum&wr_id=110 웹 접근성 이슈 정리 목차 들어가기 장차법과 웹 접…
카이로 01-05 2 0 7420
48 소스코드
크롬의 실험정신이 돋보이는 테스트 사이트입니다. 제가 보기엔 무조건 신기할 따름이네요!  근처에 갈 수…
집게사장 10-08 4 0 13144
47 강좌
1. 기본 Tabs의 Index를 로컬스토리지를 이용하여, 사용자가 마지막에 사용한 Index를 기억시키고, 화면에 보여줍…
집게사장 10-08 1 0 6254
46 TIP&TECH
http://dsiol.blog.me/120177646288 강력한 기능을 제공합니다.. 프리웨어이고 전 불법적인(?) 용도로 사용하고 있…
은빛파도 09-17 1 0 5687
45 자료
일단 소스 함 보세요
레오니아 08-23 6 0 8385
44 강좌
10년it트렌드 View more presentations from Kim jeehyun 온오프융합 View more presentations from Kim jeehyun
카이로 07-13 2 0 7428
43 강좌
Building HTML based mobile phone applications View more presentations from Mikko Ohtamaa
카이로 07-12 1 0 7031
 1  2  3  4  맨끝
 


Copyright ⓒ www.androidside.com. All rights reserved.
채팅 권한: 글쓰기 1개
2레벨 이상만 대화 가능
공개 채팅: 평일 !(9시 ~ 17시),토,일
안사2 변경사항 보러가기 챗방이 잘 안보이면 크롬에서 접속해주세요
챗방 숨기기 |  챗방 보이기