몇일 jQuery를 사용해본 결과, 정말 자바스크립트 프로그래밍을 쉽게 할 수 있었습니다. 특히 DOM 노드에 접근하고 각 노드를 이용하는 방식이 무척 쉽더군요. 특히 CSS를 다뤄본 사람이라면 더더욱 쉽답니다. 아래 내용은 jQuery 사이트에 있는 내용을 완역한 것입니다. jQuery는 “자바스크립트 프로그래밍을 즐겁게 하자”는 목표로 설계된 자바스크립트 라이브러리입니다. jQuery를 사용함으로써 일반적이고, 반복되며, 업무량을 증가시키는 불필요한 마크업들을 제거할 수 있고, 이를 통해 작고, [...]

웹표준 프로젝트(Web Standards Project, WSP)의 FAQ를 번역했습니다. 웹표준을 처음 접하거나, 웹표준에 대한 기본(base)를 알 수 있는 좋은 문서더군요. 잘못된 번역문이나, 매끄럽지 못한 부분을 발견하시면, 이곳에 의견을 남겨주세요. 해당 문서가 형용사와 부사가 많이 사용돼서 직역할 경우, 거추장스런 부분들도 있어서 의역하려고 노력했습니다. 이 번역문은 올해 초 번역하다가 중단했던 드래프트 문서의 내용을 보강해서 공개하는 것으로, 웹표준그룹 FAQ의 한국어 번역문에 [...]

CSS에 관심을 갖고 이런저런 책들과 해외 사이트, 그리고 W3C 사이트를 방문하기 시작한 게 2004년 말이니까, 어느덧 횟수로 3년, 만 1년 반이 넘었다. 처음 CSS를 접하고 좌절했던 기억과, 이 나이먹고 이걸 공부해야 하나, CSS 공부를 위해 영어공부도 해야하나, FF에서 잘보이면 IE에서 제대로 안보이고, FF와 IE에서 잘보이면 사파리에서 안보이고, 좌절과 좌절 속에 어느덧 지금에 왔다. 2004년 말이나 2006년 중반인 [...]

나는 군대에서 1년 동안 국방부 만화병으로, 나머지 1년 동안 연대장 당번병으로 지냈다. 국방부 파견을 마치고 연대에 돌아온 후, 1호차 운전병과 많은 시간을 함께 할 수 밖에 없었다. 일명 부대 최고 까리병사 1, 2호라 불리웠던 기억이 난다. 1호차 운전병은 작은 부대에서 1.5톤 덤프트럭을 몰던 넘인데 Back이 좋았던지 연대로 오게됐고, 이후 소형 짚차를 운전하게 되면서 불평을 많이 했다. [...]

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

CSS Working Group이 다운로드할 수 있는 폰트(일명 웹폰트)와 폰트에서 이미지 대체 기법에 대한 논의를 시작했네요. (via Shaun Inman) W3C의 이후 CSS 스펙에 반영되고, 브라우저(유저에이전트)들이 제대로 표현해줄 때까지 얼마나 많은 시간이 걸릴지 모르겠지만, 전세계(특히 폰트가 부족한 비영어권 국가의) 웹디자이너들이 감동의 눈물을 흘릴만한 소식입니다. 이와 관련된 자세한 내용은 W3C의 메일링 목록에 등록된 글에서 확인할 수 있습니다.

조엘 온 소프트웨어라는 책에 죠엘 테스트 12개 항목 중에서 “프로그래머 채용 인터뷰 때 코딩 테스트를 합니까?”라는 항목이 있다. 그렇다면 웹디자이너를 인터뷰할 땐 어떤 실전 테스트를 할 수 있을까? 제공된 컨텐츠를 이용해서, 명세서(스토리보드) 만들기 제공된 컨텐츠를 이용해서, 스타일가이드 만들기 제공된 컨텐츠를 이용해서, 로고와 각 메인/서브페이지 프로토타입 만들기 3중에 하나를 선택한다면, 면접관은 스케치북 몇장과 연필, 그리고 지우개만 준비하면 되겠군요. 개인적으로는 3번 [...]

웹사이트의 목표와 방향을 설정하고 컨텐츠들을 정리/분배할 때, 각 컨텐츠 집합들을 아이템화(공식어는 모듈화인듯)한다. 그 후 각각의 아이템 집합들에 2가지 인식자(심볼/기호)을 부여하여 사이트 전체적인 일관성과 개별 아이템의 개별성을 꾀한다. 2가지 인식자는 class라는 공용(범용) 심볼과 id라는 전용 심볼로 구성되는데, 각각의 아이템에 포함된 컨텐츠의 의미와 구성, 그리고 보여질 디자인 패턴을 감안하여 부여한다. 인식자를 표기할 때 전제조건은 한글이 아닌 영문으로, 대문자를 [...]

지난 글에서 CSS 디자인의 과정을 산에 비유한 적이 있다. 여러 요소(HTML, class, id)들을 나무라고 생각하면, 전체의 CSS 디자인은 산이 되는 것이다. 흔히 어떤 기술을 익히는 기초 방법 중에는 ‘다른 이의 기술을 따라하는 방법’이 있다. CSS 디자인의 예를 들면, 다른 개발자가 제작한 CSS 파일들의 코드를 복사해서 사용하면서 CSS 디자인 기술을 익히는 것이다. 물론 여기서 복사라 함은 copy [...]

어제 저녁 잠자기 전에 생각났던 내용인 CSS 디자인 과정(프로세스)을 도식해봤다. 지난 글에서는 CSS 디자인을 피라미드식으로 전계했었는데, 아무래도 전체 이치에 맞지 않아서 더 생각해보니, 더욱 근접한 도식화를 찾을 수 있었다. 역시.. 스캐너가 있으니 좋구나~ ㅎㅎ CSS 디자인 과정이 산의 모양을 닮았는데, 가장 아래 부분부터 가장 높은 봉우리까지 산행하는 모습과 같다. 이름하여, 뫼 산(山) CSS 디자인 프로세스! 가장 높은 [...]