나는 웹사이트를 개편할 때, 가장 먼저 개편 목적과 방향을 설정한다. 그렇지 않고 작업을 진행하면, 원칙없는 작업 진행으로 ‘원점에서 다시’ 또는 ‘이 산이 아니가벼’와 같은 불상사가 벌어질 수도 있기 때문이다. 개편 목적과 방향을 설정하는 것은 일종의 기준을 만드는 것과 같다. 작업 중에 발생하는 여러 문제들은 기준을 근거로 해결할 수 있으며, 기준에 없는 사항도 최대한 기준을 고려해서 작업을 [...]

새해 새아침이 밝은지 벌써 1주일이 넘어가려고 한다. 오늘이 금요일이니 몇일 후면 벌써 1월의 2째주가 다가온다. 이렇게 흐르는 시간엥 몸을 맡길 순 없다. 간단히 새해 목표와 계획을 세워 좀 더 계획적인 삶이 필요할 것 같다. 올해 첫번째 계획은 후니넷 개편이다. WordPress도 2.0으로 업그레이드 됐으니, 후니넷도 4.0으로 업그레이드 돼야할 것이다. 이번에는 후니넷 개편 과정을 포스팅을 통해 공유해볼 [...]

엊그제인 16일부터 제작에 들어가서, 현재까지 30%의 진행율을 보이고 있다. 사이트 컨셉은 “웹디자인의 정도를 보여드립니다”와 “웹디자인의 정도로 안내합니다”로 정했다. 일단 급선무는 국내의 웹사이트 중에서 웹표준을 기반으로, (X)HTML + CSS + DOM + JS를 이용한 구조적으로 분리된, 충분히 의미있는, 그럼으로써 접근성이 뛰어난 사이트를 선정하는 것이다. 사이트를 선정한 다음, 스크린샷과 HTML + CSS + WAI 유효성 검사 결과와 테이블리스, [...]

국내외 웹사이트 중에서 CSS를 기반으로 디자인된 사이트들을 소개하는 CSSLOOK.com을 제작하고 있습니다. 혼자서 작업하는 데 어려움이 있기 때문에, 관심있는 분들의 의견을 듣고 싶습니다. ‘아직 때가 아니다. 조금 빠르다.’라는 의견도 있지만, 국내에서도 작년 말 야후 코리아를 시작으로 많은 사이트들이 CSS기반으로 디자인되고 있습니다. 더욱이 최근 웹표준에 대한 책도 출간되면서, 웹표준과 그에 따른 CSS 디자인에 대한 인식이 나날이 높아지고 있습니다. 디자인에 [...]

Hooney.net이 벌써 3번째 개편(1달 전)되었다. 올해 3월 중순에 워드프레스를 처음 사용하면서, 많은 시행착오와 어려움이 있었지만, 2/4 분기 동안 꾸준히 유지해온 점은 내가 생각해도 대단하다. 나는 근면하고 거리가 먼 넘인줄 알았었기 때문이다. 그동안 Hooney.net 블로그를 개편하면서 목표로 했던 것들을 간단하게 정리해 본다. 올해 하반기(11월)에 있을 CSSReebot 행사에 참여할 땐, 어떤 목표로 개편을 할지 점검해보기 위해서다. 나는 [...]

웹사용성의 대가이신 신승식(Greg Shin)님의 사이트를 방문할 때마다 대문 페이지에서 나를 반겨주는 문구가 있다. 바로 보편적 디자인(universal design)라는 문구이다. 보편적 디자인은 꼭 웹에서만 통용되는 말은 아닙니다. 이 세상에 사는 사람들이 모두 나와 똑같을 것이라고 우리가 착각하면서 별 생각없이 설계된 많은 구조물, 시설물, 공업 제품, 정보통신 기기, 디자인 산출물들이 신체 장애인, 색깔을 구분하지 못하는 사람들, 맹인, 청각 장애인, [...]

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

HTML에서 XHTML로 문서형식(Doctype)을 바꿀때, 반드시 지켜야 할 규칙들이 몇가지 있다. 그 중 한가지가 ‘XHTML의 모든 태그는 시작 태그와 상응하는 종료 태그를 사용해야 한다’는 것이다. XHTML 태그들은 컨테이너 태그와 독립형 태그로 구분되는데, 컨테이너 태그에는 , 등이 있으며, 독립형 태그는 , 등이 있다. 처음 XHTML을 사용하는 분들은 이런 XHTML의 컨테이너 요소와 독립형 요소를 구분하지 못함에 따라 실수를 하곤 [...]

우리가 지난 몇 년간 경험한 폭발적인 성장은 표준의 결정 과정을 어렵게 만들었을 뿐만 아니라, 또한 그 규칙들을 완전히 바꾸어 놓았다. 웹 소프트웨어를 개발하는 회사들은 개발과정에서 너무나 중요한 기술적 분석을 빼먹으면서까지, 아직 덜 익은 기술을 발표해야만 했다. 그러한 변화의 결과는 고통스럽도록 뚜렷하게 나타났다. 정의된 표준에 대한 ‘강화된 기능’들은 형편없이 계획되었으며, 쏟아져 나오는 수백만의 소프트웨어 카피에 이식되지 못했다. 한 [...]

우리는 옛부터 전해지는 타이포그래피의 금언에서부터 시작해야 할 것이다. 단락에서 가장 읽기 좋은 라인의 길이는 ‘알파벳 한 세타 길이의 하나 반’이다. 이것은 최대의 가독성을 위해서 문단의 각 라인은 약 문자 40개 정도의 길이가 되어야 함을 의미한다. 이것이 어떻게 유동적 페이지라는 우리의 목표와 상응될 수 있을까? 만일 우리가 화면을 가득 채우도록 디자인된 페이지를 만든다면 라인 길이를 제어할 [...]