워드프레스(WordPress)의 가장 큰 매력은 설치와 사용의 편리함이겠죠. 또한 1000개가 넘는 테마(theme, skin)도 사용자의 시선을 사로잡는 중요한 요소입니다. 하지만, 개발자/디자이너 입장에서 가장 큰 매력은 수백여개의 플러그인(plug-in)이랍니다. 이러한 플러그인을 이용하면 자신이 원하는, 또는 자신의 고객이 원하는 기능을 쉽고 빠르게 추가할 수 있기 때문입니다. 해외에선 자신이 제작한 디자인과 다양한 플러그인을 이용해서 전문적으로 블로그 제작 관련 일을 하는 사람도 [...]

웹 디자인에 대한 훌륭한 리퍼런스인 Smashing Magazine에 등록된 (X)HTML/CSS Coding-Services라는 글에서 해외의 웹 페이지 코딩 서비스의 비용이 공개됐습니다. 최근 웹 접근성과 표준에 관심이 높아지면서 PSD => (X)HTML/CSS 코딩 서비스라는 새로운 비즈니스 영역이 조성됐죠. 이러한 현상은 해외 뿐만 아니라 국내에서도 볼 수 있으며, 최근 몇몇 업체가 신규 사업을 진행하고 있습니다. Smashing Magazine에 의하면, 1페이지를 코딩하는데 미화 150~250$입니다. [...]

오랜만에 자전거를 타고 퇴근했습니다. 최근 잦은 지방 출장과 저녁 술자리에 더불어 장마까지 겹쳤기에 한동안 자전거를 타지 못했습니다. 지난 주 초에는 야밤에 자전거 타고 가다가 한강 북단 자전거도로가 침수돼서 중간에 되돌아 오기도 했었죠. 저는 IT 관련 일을 하기에 손목과 손가락 외에는 거의 움직일 일이 없답니다. 작년부터 운동 부족에 따른 체증 증가가 눈에 띌 정도죠. 마침 올해 초부터 [...]

geogreeting.com에서  구글맵을 이용해서 인사를 나눌 수 있습니다. 전세계 곳곳에 위치한 건물들을 이용해서 영어 알파벳과 숫자 및 기호(A-Z 0-9 ,.@#*()-_+=/:!<>?)를 표기할 수 있답니다. 아무래도 한글은 2바이트 언어라서 찾아내기 어렵겠죠. -_-; 연상되는 수 많은 단어/문장 중에서 저는 이메일 주소를 GeoGreeting로 작성해봤습니다. 당신은 어떤 단어와 문장을 입력하게 될까요?

많은 노력을 기울여서 제작한 웹 페이지(문서, page)가 제작자의 의도와 다르게 출력되는 경우가 있다. 대부분 올바르지 못한 HTML 마크업과 CSS, JavaScript 코드로 작성했기 때문에 발생한 문제이지만, 어떤 문서는 유효성 검사를 모두 통과했음에도 불구하고 제대로 출력되지 않기도 한다. 이처럼 올바른 문법으로 작성한 문서가 올바르지 않게 출력되면, 제작자는 깊은 고민의 수렁에 빠질 수 밖에 없다. 자신의 경험과 주변의 도움으로 [...]

이번에 사이트를 개편하면서, 탭 메뉴로 구성된 추천 글 목록을 추가했습니다. 제 사이트의 방문자 통계를 확인하니, 방문자들의 이동 경로가 1개의 글만 읽고 사이트를 떠나거나, 홈페이지로 이동하는 등 무척 기초적인 수준의 이용만 하고 있다는 것을 확인했기 때문입니다. 블로그의 글이 360개임에도 불구하고 1~2개 글만 보고 떠나는 걸 방치할 수 없었기에 추가한 콘텐츠입니다. 웹 사이트에서 탭 메뉴를 구현하기 위한 일반적인 [...]

진보 음악의 대중화를 표방하면서 활동 중인 노래패 우리나라의 팀블로그가 지난 4월에 오픈했네요 . Tattertools를 이용하여 만들어진 블로그인데, 스킨이 무척 맘에 맘에 듭니다. 블로그 스킨만 보고 기분이 좋아지긴 오랫만이네요. 성민장군님 스킨 만드시느라 수고하셨습니다! 스킨을 만든 성민장군님은 제가 진행하는 웹디자이너를 위한 CSS 강의를 수강하셨죠. 그 때 인연으로 사석에서 술도 마실 정도로 친분이 쌓였답니다. 사실 제 사무실과 성민장군님의 댁이 [...]

제 오랜 숙원 중 하나였던 hooney.net 사이트 리뉴얼을 단행했습니다. 2005년 7월에 진행한 3번째 개편 이후로 무려 2년만에 대대적인 리뉴얼입니다. 즉 단순히 디자인 뿐만 아니라, 컨텐츠도 수정했답니다. 사이트 디자인은 약 2달 전에 완료했으며, 몇개의 시안 중에서 가장 맘에 드는 녀석을 선택했습니다. 물론 가장 처음에 작업한 디자인을 선택하게 되더군요. 이는 마치 객관식 문제를 풀다가 나중에 수정한 문항이 오답이 [...]

지난 번에 작성한 Fujitsu 웹 접근성 보조기기를 소개한 글에 이어서 개별 제품들에 대한 사용기를 작성합니다. 그 첫번째로 오늘은 접근성 높은 웹 컬러를 선택하도록 도와주는 Fujitsu ColorSelector에 대한 사용기를 작성합니다. Fujitsu ColorSelector는 배경색과 전경색을 조합할 때 색약자가 겪을 수 있는 이상유무를 실시간으로 판별해줍니다. 일반, 백내장, 제1색각(빨강), 제2색각(초록), 제3색각(파랑)의 5가지 색약 분류에 따라 이상 유무를 O/X로 판별해주기 때문에 [...]

W3C의 Markup Validation Service가 개편됐다. 기능 개선이야 꾸준히 진행되고 눈에 잘 보이지 않는 대신, 이번의 디자인 개편은 서비스를 이용하는 사람들의 시선을 사로잡기 충분하다. 기존의 디자인에 비해서 부드러운 톤의 배경색과 둥근 모서리가 눈에 뛴다. 아무래도 W3C 사이트의 디자인에 대한 불만을 수용한 듯 싶다. 개편 전 사이트 모습 개편 후 사이트 모습 W3C의 Markup Validation Service 기록 현재 모습 : [...]