주제: 무슨 툴 쓰세요

CSS 코딩때에  어떤 프로그램을 쓰시는지요?

저처럼 무지막지  타입으로 시작해서 타입으로 끝나는 에디트 플러스라던지
css 코딩에 도움이되는 어떤 특별한 에디터를 쓰시는지
아니면 그저 보통의 나모나 드림위버등을 쓰시는지 궁금하네요

TopStyle 이라는 프로그램이 있던데  이 말고도 다른 css 에디터들도 추천하시는게 있으신지요?

새벽에(저는 낮에)  알고 싶은 질문이네요   big_smile

수정:  2005/7/1
에디트 플러스의 UTF-8 의 비지원으로 어쩔수 없이 버리게 되었습니다.   :slanted: 약간 무겁지만 드림위버를 사용중인데요, 여러가지 장점들이 있습니다.  XHTML 수정때에 STYLE.CSS 파일을 자동으로 열어 연동하게 해주어서 div id="header"  부분에 커서를 가져가면 style.css 에서 #header 의 어떤 css 값들이 지정되었는지 나오며 그자리에서 직접 지정이 가능합니다. style.css 를 열지 않아도 되겠죠.  그 말고도 여러 장점들이 있습니다. 
너무 심하게 무거운 정도만 아니라면  어도비의고라이브의 인터페이스가 익숙하지 않는이상 드림위버도 추천해드립니다.

<!--[if IE]>
<p>잘못 실행하신 브라우저 이거나 국번없는 브라우저 이오니, 다시한번 확인하시고 사용하시기 바랍니다.
유해브 컬드 롱 브라우저 오어 노 넘버.  플리즈 뜨라이 어게인.</p>
<! [endif] -->

답변: 무슨 툴 쓰세요

드림위버 - 요즘은 거의 안쓰네요.. 테이블 레이아웃의 최강자! 레이아웃 모드가 최강입니다.

탑스타일 - 사용한지 2주째네요. IE, FF 동시 미리보기 지원 기능과 Style sweeper라는 기능이 압권입니다. CSS 디버깅 기능도 좋답니다. 한글포스팅에서 문제가 발생하지만, css에 주석 말고 한글 사용할 일이 없지 않나요?

스타일 마스터 - 아직 제대로 사용한 적은 없지만, 스타일쉿 위자드 기능과 스타일쉿 속성 입력 부분은 탑스타일보다 편하더군요. 좀 더 자세히 알아봐야 할 것 같아요.

에디트 플러스 - 요즘 CSS와 관련해서는 거의 사용 안합니다.


밤이 늦어서 오늘은 여기까지만.. ^^; 낼 마저 정리 해보죠.

Shell we css design? come on csslook.com

답변: 무슨 툴 쓰세요

새롭게 Topstyle 을 써보고 있는 중입니다.
무료버전이 있더군요  smile
일일이 { }  줄괄호 이부분을 타입안해서 편하고  속성들을 모두 한꺼번에 볼수 있어서 좋은것도 있군요.
일단 editplus 옆에 켜놓고 작업중입니다.
오늘 내로 제 wp 페이지에다가  laboratory 연결 페이지를 완성하려고 하고 있는중이네요.

<!--[if IE]>
<p>잘못 실행하신 브라우저 이거나 국번없는 브라우저 이오니, 다시한번 확인하시고 사용하시기 바랍니다.
유해브 컬드 롱 브라우저 오어 노 넘버.  플리즈 뜨라이 어게인.</p>
<! [endif] -->

답변: 무슨 툴 쓰세요

CSSEdit 을 사용하고 있습니다.
가볍고 안정적이라 좀더 나은 프로그램을 찾을생각없이 계속 사용하게 되는군요.
WYSIWYG기능은 사용하지 않고 키보드 타닥타닥거리며 작업하는 편입니다.

PC are like air-conditioners, they stop working properly when you open windows.

답변: 무슨 툴 쓰세요

제이 wrote:

CSSEdit 을 사용하고 있습니다.

요거는 맥전용인가봐요? 인터페이스가 예뻐보이는데.. 써보고 싶네용 ^^

저는..
Dreamweaver, Editplus, Topstyle 이렇게 세가지가 설치되어 있긴 한데
Dreamweaver는 다른사람들과 같이 작업할때 아니면 잘 안쓰고요
(요즘은 같이 작업할때도 거의 안쓰는 것 같아요 @_@)

Editplus가 주장비(!)이구, CSS와 기본 layout에 한해서 Topstyle의 도움을 받고 있습니다. :biggrin:

(+덧)
Dreamweaver는 2003 MX를 쓰고 있어용
2004에서 remote file이 안보이는 버그가 있었는데 지금은 고쳐졌는지 모르겠네용..^^';
2003과는 달리 2004에서는 여러가지 태그를 표준화에 가깝게 처리해서 좋긴 하더라구요

Just kukie.

답변: 무슨 툴 쓰세요

드림위버에서 스타일태그를 보고 에디트플러스에서 고치면서 씁니다..
드림위버가 자동으로 딱딱 잡아주는거(위지윅;;)는 좋은데 영 이상한 공백이니 한줄 띄우기니 이런게 많더군요;;

답변: 무슨 툴 쓰세요

DreamWeaver MX 2004 씁니다.
현존 최고의 웹 퍼블리시용 프로그램 이라고 생각 합니다.
단, 무거운게 좀 치명적이죠.

written by hyeonseok.com

답변: 무슨 툴 쓰세요

제이 wrote:

CSSEdit 을 사용하고 있습니다.
가볍고 안정적이라 좀더 나은 프로그램을 찾을생각없이 계속 사용하게 되는군요.
WYSIWYG기능은 사용하지 않고 키보드 타닥타닥거리며 작업하는 편입니다.

저도 맥에서는 CSSEdit와 Cyberduck + SubEthaEdit 조합으로 사용합니다.

윈도에서는 EditPlus 2를 사용하구요.

디버깅하는 데에는 역시 Mozilla Firefox + Web Developer Extension이죠. 물론 Firefox는 설치시 Web Development에 체크하고 진행합니다. big_smile

The problem with 'What You See Is What You Get' is that what you see is all you've got.Brian Kernighan.

답변: 무슨 툴 쓰세요

전 오로지 EditPlus 2 밖에 안써요.. 귀찮아도 확실하달까..

답변: 무슨 툴 쓰세요

http://ilmol.egloos.com/1232599

이방법또한 좋은 css 툴이기에 나눕니다.  smile

<!--[if IE]>
<p>잘못 실행하신 브라우저 이거나 국번없는 브라우저 이오니, 다시한번 확인하시고 사용하시기 바랍니다.
유해브 컬드 롱 브라우저 오어 노 넘버.  플리즈 뜨라이 어게인.</p>
<! [endif] -->

11

답변: 무슨 툴 쓰세요

ftp 붙어서 바로 작업할수 있는 Edit plus 를 쓰고 있지요..
개인적으론 가장 가볍고 잘 돌아간다고 보는데요... 어차피 hand cording 하는 스타일이라...

home site도  collapse기능때문에 가끔 큰 페이지 구조 뜯어볼때 사용하구요....

드림위버는 강력하지만 덩치가 커서 거의 안쓰고 있습니다.

top style이 버젼업 하면서 기능이 더 좋아진건진 모르겠지만
css 만들땐 그래도 type수를 줄여줘서 편하긴 하죠.

개인적으로 선호하는 프로그램들이 다들 있지 않을까요? ^^

만지지마세요

12

답변: 무슨 툴 쓰세요

Edit Plus...
hand cording 습관때문에 ^^

수정>
Edit Plus...
hand coding 습관때문에 ^^

스펠이... ;;

만지지마세요

답변: 무슨 툴 쓰세요

맥에서는 한글입력상태로 맞춰놨을 때 딜레이가 무척 심해지는 문제가 있지만, 좋은 프로그램이라고 생각합니다.  :smile:
보통 위지윅으로 작업하지는 않고, 직접 쳐가며 만드는 경우가 많죠.


제이 wrote:

CSSEdit 을 사용하고 있습니다.

제이님의 글을 보고 방금 설치해봤는데, 편할 것 같다는 생각이 듭니다.
좋은 툴 알려주셔서 감사합니다 :wink:

답변: 무슨 툴 쓰세요

css를 위한 다른 툴을 생각해보지 않았기에..

Editplus로 타이핑하고 포토샵으로 컬러코드 찾고 있습니다.
다른 툴 사용도 고려해봐야겠네요.

답변: 무슨 툴 쓰세요

editplus 만..씁니다. 가볍고 ..위지윅은 외려 불편해서..

Code is Poetry. big_smile

답변: 무슨 툴 쓰세요

리눅스나 유닉스의 터미널에서 쓰는 vim의 GUI 버전입니다.
오리지날 vi처럼 쓸 수도 있지만, 옵션 설정을 통해 vim의 장점을 그대로 수용하면서도 windows용 에디터와 비슷하게 쓸 수 있지요.

이게 특히 문법강조가 매우 강력해서 html 속의 javascript나 stylesheet 등도 그대로 다 각각에 맞는 색상 강조가 되고, gui 버전이라서 색상 scheme도 마음대로 설정해 줄 수 있습니다.

처음에 배우기가 조금 어려워서 그렇지 일단 배우고 나면 최강의 에디터입니다.
(검색을 정규표현식으로 할 수 있다든가...)

사실 좀 프로그래머 전용인 것처럼 보이지만 CSS 편집할 때도 최고입니다. :smile:
(자체 문법강조 기능 자체가 정확하게 만들어져 있어서 타이핑하면서 문법 강조색이 적용되는지 안되는지로 표준인지 아닌지도 알 수 있답니다.)

ps. 이건 오픈소스라서 100% 무료 프로그램입니다. 크랙을 구한다든지 할 필요가 없어요! (게다가 리눅스 등에서도 쓸 수 있죠)

답변: 무슨 툴 쓰세요

대부분 드림위버를 쓰시는데... 전 드림위버가 만들어주는 코드를 싫어해서요.

기본 코딩은 대부분 EditPlus의 Syntax Highlight를 재정의해서 쓰는 걸로 충분하지만, 결과를 확인하면서 봐야 할 때는 FP를 많이 씁니다.

이전 버전까지는 확실히 드림위버에게 밀렸지만, 2003 버전부터는 오히려 DW보다 기능이 깔끔해져서 (다운도 덜 되죠 -.-) 자주 쓴다는.

답변: 무슨 툴 쓰세요

ilmol wrote:

수정:  2005/7/1
에디트 플러스의 UTF-8 의 비지원으로 어쩔수 없이 버리게 되었습니다.

에디트 플러스에서 파일 저장시 새이름으로 저장하면 대화창 아랫부분에 변환기라고 UTF-8 을 지원합니다.

저의 경우에는 template.xhtml 문서템플릿으로 등록 - 최초등록시 UTF-8 로 등록 - 해 놓고 불러다 씁니다.

의외로 숨어 있는 기능들이 많습니다.  :wink:

처음이 없으면 두번째도 없습니다요.

답변: 무슨 툴 쓰세요

에디트 플러스에서 파일 저장시 새이름으로 저장하면 대화창 아랫부분에 변환기라고 UTF-8 을 지원합니다.

저도 에디트플러스를 오래써오긴 했는데,,, 저장시에 utf-8을 선택하는것은 전혀 찾아볼수가 없네요 ㅠ.ㅠ  제 버전이 2.10 인데 요즘 버전이 2.12 더군요 혹시 업글되면서 생겼을까요

<!--[if IE]>
<p>잘못 실행하신 브라우저 이거나 국번없는 브라우저 이오니, 다시한번 확인하시고 사용하시기 바랍니다.
유해브 컬드 롱 브라우저 오어 노 넘버.  플리즈 뜨라이 어게인.</p>
<! [endif] -->

답변: 무슨 툴 쓰세요

ilmol wrote:

제 버전이 2.10 인데 요즘 버전이 2.12 더군요 혹시 업글되면서 생겼을까요

네 업그레이드되면서 생겼던데요.

The problem with 'What You See Is What You Get' is that what you see is all you've got.Brian Kernighan.

답변: 무슨 툴 쓰세요

에디트 플러스의 가장 최신인 - 그리고 비안정적인 ^^ - 버전은 2.20 Beta Build 164 입니다.

답변: 무슨 툴 쓰세요

html 툴은 홈사이트
css 툴은 탑스타일 사용합니다.

첫번째 이유는 제가 생각하기에 가장 최적화된 툴이라고 생각되구요..

두번째 이유는 회사에서 구입해 놓은게 있더군요 -_-;

얼굴때문에 심각한 얘기를 못하겠음

답변: 무슨 툴 쓰세요

Html : 홈사이트
- 옛날에 돈 주고 산게 아깝기도 하고, 편하기도 해요

Css : 톱스타일
- 홈사이트에 번들로 들어있는 라이트 버전

= 에딧플러스 인기가 하늘을 찌르는군요

답변: 무슨 툴 쓰세요

edit+ 를 주로 사용하고, 유니코드에 관해선 현재론 emeditor 를 따라올만한 프로그램이 없어서 이걸 씁니다. 단, edit+ 도 UTF-8 지원 됩니다. 문제는, 글을 쓸 때입니다. 가령 일본어 IME 로 전환해서 글자 변환시키다 보면 제대로 입력이 안됩니다. 아마 edit+ 가 유니코드 모드로 컴파일 되지 않아서 그럴 것입니다(유니코드 모드로 컴파일하면 w98 에선 안돌아갑니다. Unicode Layer for Windows 라는 걸 설치하면 된다는데, 이건 따로 깔아야 하거든요). 그것 말고도 Byte Order Mark 라고 하는 걸 제대로 설명하고 있지 않은 채 지원하고 있어서, 이걸 모르는 사람은 옵션 조절 잘못하면 엄한 오류 메시지만 계속 보는 수가 있습니다. (php 에서 헤더가 이미 나갔다고 하는 경고문이 대표적)

emeditor 는 MDI 가 아니라 SDI 여서 edit+ 처럼 한 번에 여러 파일을 하나의 프로그램 속에서는 못 엽니다(메모장처럼 개개의 파일로 엽니다). 플러그인 중에 그걸 가능하게 하는 게 있는지는 모르겠는데... CJK 3국 중에 J 가 유니코드라던지 2바이트 권 문자 지원에 대해서는 가장 열의가 있고 지원을 잘해 줍니다. 한국어 마저도요. 그래서 이걸 씁니다. 그럭저럭 가벼운 편입니다.

Top Style 은 언제부턴가 알게 되었는데.. Pro 보단 Lite 가 더 나은 느낌입니다. Pro 는 너무 복잡한 거 같고.. Lite 도 있을만한 건 다 있습니다. 단 후니 님 얘기대로 좀 한글 지원이 미숙합니다. 그런데 정작 잘 손에 안닿여서 잘 안쓰고 그냥 인터넷 서핑하다가 바로 css 파일 열 때만 봅니다. 지금은 edit+ 같은데서 그냥 보는 게 편하더군요. (코더의 기질이 이런데서 떠나지 않는걸지도?)

드림위버는 너무 무거워서.... 게다가 기능이 많은 건 꺼려지더군요.
기초적인 건 알아둬야겠다 생각은 했는데 막상 쓰려고 하면 답답합니다.

답변: 무슨 툴 쓰세요

headvoy wrote:

css를 위한 다른 툴을 생각해보지 않았기에..

Editplus로 타이핑하고 포토샵으로 컬러코드 찾고 있습니다.
다른 툴 사용도 고려해봐야겠네요.


컬러 코드 하니까 생각나서 적습니다.
나온지 오래 되었는데 여태껏 이것만한 프로그램을 본 적이 없어서요.
가볍고 빠르고 단순합니다. 컬러 픽커 여러 가지를 써봤는데 이거 쓰게 된 이후로는 다른 걸 찾을 필요가 없어 졌습니다.

http://greeneclipsesoftware.com/eclipsepalette.html

EclipsePallette 라는 프로그램인데, 2002 년에 업데이트가 끝났지만 딱 좋더군요.
크기도 47KB 밖에 안합니다. 트레이에 넣어두고 필요할 때 클릭해서 바로 색상 찍거나 명도만 바꿔서 쓰거나 할 때 편합니다.