(x)HTML + CSS 에디터인 TopStyle의 개발이 재개됐네요.(via. Rob Cherny) TopStyle은 환상적인 CSS Sweeper 기능을 보유하고 있음에도 불구하고, 한글과 같은 2바이트 언어를 지원하지 않아서 사용하기 곤란했던 프로그램입니다. 또한 오랫동안 업그레이드 없이 정체되면서 많은 사용자를 잃어왔죠. 이와 달리 DreamWeaver와 Aptana는 꾸준히 업그레이드하면서 사용자의 호응을 얻었습니다. TopStyle을 개발한 Nick Posts은 NewsGator Technologies의 대표입니다. 그는 Macromedia(현재는 Adobe)에 인수된 HomeSite의 개발자로 [...]

최근 UI 개발자라는 직군이 만들어지면서, 채용 필수 항목으로 하드 코딩(hard cording) 가능 여부를 체크하고 있는 경우가 종종 있다. 여기서 말하는 하드 코딩은 메모장과 같은 텍스트 에디터를 이용하여 HTML과 CSS, javascript를 작성하는 것을 말한다. 보통 하드 코딩의 가능 여부를 체크하는 이유는 아래와 같다. HTML, CSS, javascript의 요소, 속성, 상태 등에 대한 명확한 이해 보다 빠른 수행 능력 영타 능력 하지만 실제 [...]

드림위버 8.0.2 패치가 나왔습니다. 매일 드림위버를 실행시키는데, 패치가 나온지 이틀이 넘어서야 확인하게 돼네요. 드림위버 사용자라면, 프로그램을 실행시키면 볼 수 있는 인트로 화면(왠지 공식명칭이 있을듯..)에서 다운로드 센터로 접근할 수 있습니다.

일단, 참고할만한 신문(개인적으로 한겨레를 추천)을 하나 준비한 후에 드림위버를 실행시킨다. 파일을 새로 하나 만들고, 페이지 속성에서 제목/문서유형/인코딩을 변경한다. 디자인 보기 모드를 활성화 시키고, 워드프로세서 툴을 사용하던 것처럼, 편하게 글을 쓰기 시작한다. 글을 쓰다가 코드 보기 또는 분활 보기를 통해서 코드를 확인하면, 곳곳에 p 태그가 입력된 것을 확인할 수 있다. 제목글이나 목록형식, 또는 글자 강조 같은 꾸미기는 나중에 [...]

드림위버 8를 설치하여 사용중인 제이님이 오후에 MSN으로 내게 물어왔다. 디자인 모드에서 폰트 크기를 em으로 설정하면, 제대로 랜더링 되지 않는다는 것이다. 이는 MX 2004 버전에도 발생했던 문제인데, 한글 프로그램의 경우 디자인 모드에서 기본 글꼴의 크기가 12pt로 설정돼 있는 반면, 영문 프로그램의 경우 글꼴의 크기가 10pt로 설정돼 있기 때문이다. 웹표준화 프로젝트에서는 웹 접근성 측면에서 스크린 미디어 타입에서는 글꼴의 크기의 [...]

매크로미디어에서 최근에 출시된 드림위버 8는 이전 버전인 드림위버 MX 2004보다 디자인 모드에서 CSS 랜더링이 무척 향상됐다. 이전 버전에서는 *(전체 선택자)에 margin, padding : 0 을 주고 CSS를 제작하면 제대로 랜더링 하지 못했는데, 이번 버전부터는 정확히 랜더링 해준다. 드림위버 MX 2004의 디자인 모드에서 확인한 모습 : 드림위버 8의 디자인 모드에서 확인한 모습 : 물론, 드림위버 8에서도 상단 메뉴는 보여지지 [...]

아~ 기다리고 기다리던~ 매크로미디어 STUDIO MX 2004의 후속 버전인 STUDIO 8이 출시됐다. 8월 8일(어제)에 매크로미디어 블로그와 공식 프레스 페이지에 관련 글이 등록됐다. (자세한 내용) 몇일전에 플래시 플레이어 8과 관련된 소식을 접하게돼서, 혹시나 하는 마음에 매크로미디어 블로그에 방문했더니 해당 뉴스를 확인할 수 있었다. 아직 내용을 상세히 확인하진 못했지만, 가장 많은 기대를 하고 있던 드림위버 8의 모습은 당당할 뿐이다. [...]

드림위버로 웹페이지 작업을 하면, 몇몇 문제에 부딪히곤 한다. 그 중 하나는 인코딩 문제이고, 다른 하나는 Text 붙여넣기 이다. 드림위버는 UTF-8을 기본인코딩으로 설정되어있다. 때문에 charset=euc-kr 을 명시하지 않은 HTML 소스의 경우에는 한글이 모두 깨져보이게 된다. 이는 제로보드 소스를 수정하다보면 쉽게 알 수 있다. (한글 주석이 모두 깨져보임) 한글이나 워드, 메모장 등 다른 프로그램에서 작성된 Text 내용을 드림위버로 가져올 [...]