HTML에서 문서 형식(Doctype) 지정의 중요성

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

JQuery를 이용한 겸손한 탭 메뉴 구현

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

노래하는 팀블로그 – 우리나라

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

블로그 4번째 리뉴얼

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

Fujitsu ColorSelector 사용기

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