다음 디렉토리 검색 개편

다음(Daum)의 디렉토리 검색 결과가 개편됐습니다. 이번 개편의 특징은 차니님이 블로그 글에서 정리한 것처럼, 각 사이트에 대한 분야별 통계 기능’을 제공 하는 것입니다. 예전부터 알렉사와 같은 서비스가 국내에도 출현하길 기대해왔고, 국내 포털 사이트의 디렉토리 서비스에 불만을 갖고 있던 차에 간단한 테스트를 진행했습니다. 저는 국내 포털 사이트이 제공하는 디렉토리 서비스가 태그 형식처럼 하나의 사이트를 다양한 키워드로 매칭시켜줬으면 […]

IE용 웹 개발 도구 DebugBar

웹 사이트를 개발하는 과정은 수많은 디버깅의 연속입니다. 특히 HTML, CSS, JavaScript를 개발하는 과정은 다양한 브라우저에서 테스트를 병행해야 하기 때문에 많은 시간과 노력이 필요합니다. 그나마 파이어폭스(Firefox)의 FireBug라는 확장기능을 이용하면 보다 수월하게 웹 개발을 진행할 수 있습니다. 이 멋진 디버깅 도구는 DOM 구조를 분석해서 HTML의 트리 구조를 실시간으로 확인하여 구문 오류를 쉽게 확인할 수 있습니다. 또한 브라우저의 […]

Taskbar Shuffle

윈도우즈 환경에서 여러가지 어플리케이션을 활성화시켜 놓고 업무를 진행하다 보면, 작업표시줄의 단추들의 순서가 혼란스러울 때가 많습니다. 그나마 윈도우 XP와 Vista는 같은 종류의 애플리케이션을 그룹으로 정렬할 수 있는 기능을 제공하고 있지만, 파이어폭스나 IE6처럼 탭들의 순서를 조정할 수는 없죠. 컴퓨터를 다루는 대부분의 사용자는 이처럼 순서를 조정할 수 없는 문제를 의식하지 않지만, 포토샵 등의 그래픽 편집 툴, 드림위버/에디트플러스 등의 […]

개발자를 위한 아이콘 세트

개발자를 위한 아이콘 세트가 출시됐습니다. Deviantart에서 멋진 아이콘들을 제공해 온 sekkyumu의 작품이며, CC-라이센스에 따라 이용할 수 있습니다. 공개된 아이콘 세트를 이용하여 웹 사이트나 웹 어플리케이션을 제작하는 사례가 점점 늘어가고 있습니다. 아이콘 세트를 사용하면 웹 사이트와 웹 어플리케이션을 보다 고급스럽고 통일되게 디자인할 수 있기 때문입니다. 물론 아이콘을 남용해서 사용하면 지저분해 보일 수 있겠죠. 🙂 제가 제작한 […]

구글맵에서 인사하기

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

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

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

Fujitsu 웹 접근성 보조도구

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

Adsense 디자인 최적화

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

HTML 디자인? 아트?

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

웹 디자이너 Larissa Meek 팬클럽 가입

클라이언트측 기술에 대한 유용한 정보를 제공하고 있는 Vitamin 사이트를 통해서 Larissa Meek님을 알게됐습니다. Web Design-isms: 7 Surefire Styles that Work라는 글에서 그녀의 미적 용어 구사 능력에 감탄할 수 밖에 없었죠. 여지껏 Web Design을 분석하고 분류하는 방법에는 color, layout, grid, typo와 같은 인쇄/출판 디자인에서 사용하는 전통적인 방법들이 대부분이었습니다. 최근에 디자인된 수 많은 웹 사이트를 분류하기엔 부족한 […]