후니와 함께 만드는 CSS Reference

Fujitsu 웹 접근성 보조도구

최근 국내에서 정부/공공기관을 중심으로 웹 사이트의 접근성을 향상시키기 위한 많은 노력이 진행되고 있다. 한국정보문화진흥원(KADO)과 한국웹접근성그룹(KWAG)이 이러한 노력을 이끌어 가고 있는데, 현업 종사자들과 웹 접근성 사이의 거리는 좀처럼 줄어들 기미가 안보인다. 웹 사이트의 접근성을 점검함으로써 웹 접근성을 보다 실무적으로 이해할 수 있다. 국내에는 한국정보문화진흥원의 KADO-WAH 2.0과 케익소프트의 VeryFineWeb 2 종류의 점검 프로그램이 있지만, 결과는썩 만족스럽지 않다. 이 [...]

구글 페이지 랭크 7점 획득

hooney.net이 구글 페이지 랭크 “7″점을 획득했다. 그런 의미에서 기록을 남길 겸 자축 포스팅을 작성한다. 국내외 사이트의 구글 페이지 랭크를 차니님 글에서 확인할 수 있다. 페이지 랭크 7점 획득도 당황스럽지만, 137등이라는 순위는 황당할 뿐이다. playboy.com 보다 내 블로그의 순위가 더 높다니, 순위 계산 알고리즘을 신뢰하기 어렵다;; 또한 재밌는 점은 올해 초에 만든 KWAG.net 사이트가 6점을 획득한 사실이다. [...]

[Y!] 스크린 리더 소개 동영상의 한글 자막

몇일 전에 Yahoo UI Blog에 스크린 리더를 소개하는 동영상이 공개됐습니다. 스크린 리더가 무엇인지, 또한 어떻게 사용하는지를 알려주는 웹 접근성 측면에서 유익한 동영상입니다. 영어 음성만을 제공하는 이 동영상에 류준호님이 한글 자막을 제공해주셨습니다. KWAG(한국 웹 접근성 그룹) 회원분들이 무척 좋아하시네요! 저 역시 류준호님 덕분에 동영상을 끝까지 볼 수 있어서 좋았답니다. 진심으로 감사드립니다. ㅎㅎ

[부산광역시] 공공기관 홈페이지 구축 방향에 대한 워크샵

지난 5월 28일에 부산광역시에서 진행한 공공기관 홈페이지 구축 방향에 대한 워크샵에서 발표를 진행했습니다. 뒤늦게나마 워크샵 내용을 알리는 이유는 발표자료를 공유하기 위해서입니다. 비쥬얼 요소를 중심으로 제작된 발표자료이기에 음성설명을 듣지 않고선 이해하는데 어려움이 있을 수 있습니다. 발표자료 다운로드 - PDF 형식 발표자료 다운로드 - ppt 형식

드디어 타블렛 구입

와콤의 신형 타블렛인 밤부(bamboo)를 구입했다. 구입 후 바로 한 일은 만화 그리기. 매일 1컷 이상 꾸준히 그리면서 감각을 되찾아야 겠다. 이로써 집중력이 떨어질 때 할일이 또 하나 생겼다. ㅎㅎ

부산 동아대 웹 접근성 세미나

지난 6월 27일(수)에 부산 동아대학교에서 웹 접근성 세미나가 진행됐다. 서울이 아닌 지방에서 진행된 첫번째 웹 접근성 세미나라는 점에서 의의가 있었고, 100여명이 넘는 많은 인파가 몰렸다는 점이 인상적이었다. 이번 세미나에서 나는 웹 접근성을 향상시키기 위한 레이아웃 기법이라는 주제로 기술적인 내용을 중심으로 발표했다. 대부분의 참석자는 해당 업계(에이젼시) 소속 분들이었고, 동아대학교와 동서대학교에서 교수님과 학생이, 부산점자도서관과 유관기관에서도 참석했다. 세미나를 마친 [...]

TopStyle 업그레이드 중

(x)HTML + CSS 에디터인 TopStyle의 개발이 재개됐네요.(via. Rob Cherny) TopStyle은 환상적인 CSS Sweeper 기능을 보유하고 있음에도 불구하고, 한글과 같은 2바이트 언어를 지원하지 않아서 사용하기 곤란했던 프로그램입니다. 또한 오랫동안 업그레이드 없이 정체되면서 많은 사용자를 잃어왔죠. 이와 달리 DreamWeaver와 Aptana는 꾸준히 업그레이드하면서 사용자의 호응을 얻었습니다. TopStyle을 개발한 Nick Posts은 NewsGator Technologies의 대표입니다. 그는 Macromedia(현재는 Adobe)에 인수된 HomeSite의 개발자로 [...]

Internet Exploer 5.5만 사용할 수 있는 환경

올해 초 MS에서 Internet Exploer7 버전이 정식 출시되면서, 파이어폭스2, 오페라9, 사파리와 함께 2차 브라우저 전쟁의 서막을 올렸습니다. 이번 전쟁은 자사 비표준 확장을 중심으로 진행된 지난 1차 전쟁과 달리 모두 웹표준을 준수하였기에 화면출력에서 차이점은 찾기 힘듭니다. 대신 탭, 빠른검색, 보안 강화, 확장가능 등을 내세운 UI/UX 측면의 전쟁이라고 할 수 있습니다. 이처럼 새로운 브라우저들은 새로운 사용자 경험을 [...]

Adsense 디자인 최적화

Web 2.0 Magazine이 CSS를 이용해서 adsense 디자인을 바꿀 수 있는 방법과 예제를 공개했습니다. 이제 adsense 최적화를 디자인적 관점에서도 논의할 수 있겠네요. 구글 약관은 adsense를 삽입할 때 사용하는 코드를 수정할 수 없도록 규정하고 있습니다. 그동안 구글에서 정해놓은 몇가지 패턴의 HTML 코드만 사용할 수 있었기에 HTML 디자인에 익숙한 웹 디자이너들은 창의력을 발휘하는데 어려움에 부딪치곤 했죠. 하지만 이제는 아니죠. [...]

HTML 디자인? 아트?

YouTube에 올라온 동영상입니다. 정말 입이 다물어지지 않네요. 일본인의 집착에 광기에 할말을 잃었습니다. OTL 외엔 마땅히 떠오르는 단어가 없네요. 픽셀아트를 넘어 라인아트 시대를 열어줄 테이블 태그 기반 HTML 예술의 극치입니다. ㅠ.ㅠ 이 동영상을 보면서 느낀 건데, table 태그를 작성하는 것은 드림위버같은 이지윅 프로그램보다 메모장이 보다 효율적이다는 것입니다. 무거운 프로그램에서 코드 작성하느니, 가벼운 메모장에서 “copy+paste”, “찾아서 바꾸기”가 더욱 [...]

 
Be Friend~! Be Friend~!