in 웹 디자인, 추천/리뷰

Topstyle의 매력에 푹 빠지다.

워드프레스를 사용하면서, CSS + Xhtml에 관심을 갖게 되면서 기존에 사용하던 드림위버에서 Topstyle pro로 main 에디터를 바꿨다.

드림위버는 나무랄 데 없는 최고의 웹에디터이지만, 엄청난 파일크기로 인해 프로그램 로딩속도가 느린 문제가 있다. 내 컴퓨터는 팬4 3.0G에 1024mb 램을 장착하고 있지만, 포토샵이나 일러스트레이터가 이미 상주하면서 잡아먹는 메모리가 있기 때문에 좀 더 단순한 웹에디터를 찾게 됐다.

Topxtyle pro Topstyle을 1주일 정도 사용해보면서 느낀 점은 워드프레스의 테마 수정이나 간단한 CSS + Xhtml 예제 파일을 만드는데 최적화 된 프로그램이라는 것이다.

인터넷 익스플러와 파이어 폭스의 2대 브라우저를 한꺼번에 미리보기 할 수 있는 기능은 CSS 코딩을 할때 무척 유용하다. 사실 IE의 CSS를 제대로 랜더링하지 못하는 문제를 실시간으로 확인할 수 있는 이 기능이 main 웹에디터를 옮기게 한 주원인이다.
또한 CSS 코드를 자동 정렬 및 배치해주는 기능 역시 환상적이다. 이 기능에 중독되게 되면 드림위버를 동네 애물단지 취급하게 될지도 모른다.

단, 이 프로그램은 드림위버의 이지윅 기능이 없어서 일정부분 핸드코딩을 해야 한다. 때문에 기초적인 코딩 지식을 요구한다.

하지만, 기초적인 Html, Xhtml, CSS에 대한 공부는 웹개발이나 디자인에 있어서 더욱 필요한 부분이다. 이지윅 웹에디터에 익숙해지는 그 순간 웹페이지 제작을 머리가 아닌 눈으로 시작하게 되기 때문이다. 웹페이지를 구조적으로 접근하는 사고가 바로 올바른 xHtml + CSS 의 시작이기 때문이다.

댓글 남기기

  1. 제가 사용중인 3.11 버전에서는 ctrl + f 기능이 잘 되던데요. 오히려 CSS 코드 찾기는 Editpus보다 편리하답니다.

    하지만, 한글 입/출력이 부자연스런 문제가 있답니다. 레이아웃을 잡기위해 html을 만드는 건 편리하지만, 그 외의 html 문서를 만들기는 불편합니다. ctrl + c, v 를 이용해야 하더군요. ㅡ.ㅜ

  2. 저도 탑스타일 유용하게 사용하고 있답니다^^
    회사에서 같은 일 하는 직원들에게 뿌려놓고 홍보 및 교육까지 ‘-‘);;
    한글에 약간 문제가 생기곤 하는 문제만 해결되면 정말 좋을것 같아요~~

  3. 쿠키님도 탑스타일을 사용하나요? 제 주변에 사용하는 사람이 거의 없던데.. 만나서 반가워요~

    탑스타일 홈페이지에서 확인해보니 비영어 언어팩에 대해 지원할 예정이 없다고 하더군요. ㅜ.ㅜ

  4. 저는 에디트플러스를 아직도 애용중입니다.
    손에 익어버렸네요 웹에디터는 쓰질 않으니
    그냥 코딩에 편한 editplus 가 젤 좋더군요
    탑스타일이 코딩에 괜찮다면 한번 써봐야겠네요 🙂