사용자 환경이 화면 출력에 미치는 영향

웹에 접속하는 사용자의 데스크탑, 브라우저, 폰트, 기타 시스템 설정이 웹 사이트를 출력해주는 차이를 직접 비교해보셨나요? 윈도우 XP SP 2, Firefox 2.0, 맑은고딕 설치, clear type 적용시 KWAG 화면 : 다양한 사용자 환경에서 KWAG 사이트의 스크린샷을 비교하는 페이지를 만들었습니다. 직접 스크린샷을 올리면서 비교해보면, 국내 웹 사이트에 한글 텍스트 형식의 타이포를 잘 사용할 수 있는 방법을 발견할 […]

한국 웹 접근성 그룹 KWAG 사이트 오픈

한국 웹 접근성 그룹(Korea Web Accessbiluty Group : KWAG) 사이트가 오픈했습니다. KWAG이 회원들의 자발적인 참여와 상호추천제로 이뤄진만큼, 사이트 자체가 위키를 기반으로 만들었습니다. 또한 회원 상호 간의 커뮤니케이션은 구글 그룹을 이용합니다. KWAG의 웹 사이트 오픈이 국내 웹 접근성을 보장하기 위한 다양한 활동의 초석이 되길 바랍니다.

color cop : 최고의 색상 선택(추출) 프로그램

웹 디자인을 하다보면, 색상 선택기를 자주 사용하게 된다. 특히 css를 전경/배경색상까지 분리시켜 별도의 파일로 만들때에 자주 사용하게 된다. 많은 웹 디자이너들이 다양한 프로그램을 사용(심지어 어떤 디자이너는 포토샵을 사용)하고 있는데, 나는 웹용 색상 선택기로 color cop를 최고의 툴로 추천한다. 기본적으로 확대 기능이 제공될 뿐 아니라, 다양한 확대 기능을 사용할 수 있으며, 웹 안전색으로 변환 등 다양한 […]

웹 페이지 확대 보기와 마이티 마우스의 재발견

최근 Internnet Explorer 7(IE7) 정식 버전이 출시되면서, 탭 브라우징, RSS 구독, 사용자 지정 검색창 등 다양한 기능들을 MS IE를 주로 사용하고 있는 국내 웹 사용자들도 활용할 수 있게 됐다. 그 중에서 나는 기존 파이어폭스에서 제공하고 있지 않던 기능인 IE7의 화면 확대 기능이 무척 맘에 든다. 기존의 웹 페이지 확대 기능은 “%”나 “em”과 같은 상대적인 단위에 […]

웹 디자이너를 위한 CSS

오늘 UI아카데미에서 진행한 Global Web Expert 실무 워크샵에서 강의를 했습니다. 여러 번 하다보니 내공이 쌓여서 그런지 오늘 강의는 무척 즐겁더군요. 사실 수강생 대부분이 웹 디자이너 출신이거나 현직 웹 디자이너였기에 즐거웠답니다. 지난 2번의 Global Web Expert 실무 워크샵에서는 수강하는 분들의 직군이 다양했지만, 우연히도 이번에는 웹 디자이너 분들이 많더군요. 덕분에 저 역시 평소 준비만 하고 말하지 못했던 […]

오픈소스 웹에디터 Aptana

오픈소스 웹에디터인 Aptana의 베타 버전이 나왔습니다. 10분 동안 웹 문서를 만든 소감으로는 “드림위버보다 좋으면 좋지, 나쁘진 않다”입니다. 여기저기서 드림위버를 대체할 정도로 멋진 넘이라고 칭찬이 자자합니다. 한 번 테스트해 보세요. 현재 드림위버 8에 없는 기능들도 대부분 사용할 수 있습니다. 물론 그동안 텍스트 에디터를 사용했던 분이라면 더욱 좋아하시겠죠. 일단 퇴근 후, 집에서 자세히 테스트하렵니다. 왠지.. 웹 저작 […]

웹 접근성과 웹 디자인

국내에서 웹 접근성을 말할땐, 브라우저에 대한 호환성 강화나 핸드폰과 같은 다양한 장치를 통해서도 웹 문서에 접근하는 것을 떠올리곤 한다. 하지만 웹 접근성은 이런 것들 외에도 다양한 영역을 포괄하는 단어이다. 웹 디자인을 예로 들면, 일반적이지 않고 너무 독특한 네비게이션이나, 텍스트를 읽기 어려울 정도로 작은 이미지로 제작된 사이트는 웹 접근성이 무척 낮다라고 말할 수 있다. 게시판의 글 […]

정보 접근성과 HCI 그리고 HII

일반대학의 경우 컴퓨터 공학과 4학년 전공 강의 중에 인간공학이 포함된다. 그 강의 중에 많은 비중을 차지하는 것이 바로 HCI(Human Computer Interaction), 즉 인간과 컴퓨터의 상호작용에 대한 연구이다. HCI의 경우, 인터넷이 탄생하기 이전인 컴퓨터의 탄생과 함께 시작된 이론으로, 현재 많은 (해외)대학에서 정규 강의로 채택될 정도로 어느정도 이론적이 정립된 상태이다. 많은 웹 종사자들은 이런 HCI를 UI(User Interface), […]

제1회 웹 접근성 경진대회 개최

한국정보문화진흥원(KADO)에서 진행하는 제1회 웹 접근성 경진대회 개최됩니다. 대학부, 고등부로 나눠서 대회를 진행하는데, 제가 대학생(9년차)이기 때문에 대회에 참여하려고 합니다. 물론 목표는 상금 100만원입니다. 예선 신청 접수 마감일이 7월 13일로 2주도 남지 않았군요. 혹시 이 대회에 저와 팀을 이뤄서 참여하실 분은 연락주세요. 또한 주변에 웹 접근성에 관심을 갖고 있는 대학생이 있다면 추천해주시면 감사하겠습니다. 자신(또는 주변에 추천할 사람)이 […]

오픈웹 메인 이미지 디자인 중

오픈웹 사이트의 메인(상단) 이미지를 디자인하고 있습니다. 지난번 일러스트였던 알을 깨고 나오는 병아리는 오픈웹의 컨셉을 충분히 전달하지 못한다는 의견이 있었고, 이를 받아들여 이미지를 수정했습니다. 오픈웹 사이트의 수정된 메인 이미지 보기 이번 디자인은 병든 환자를 수술하는 의사라는 설정으로, 병든 환자에 웹사이트(대표적으로 전자정부)를, 의사에 오픈웹 프로젝트를 설정했습니다. 현재 디자인은 펜화를 스캔하여 비트맵으로 색만 칠한 것으로 깔끔하지 않습니다. 디자인 […]