오늘 진행된(2010.07.24) 워드프레스 캠프 서울 2010에서 “워드프레스 테마 시작하기”라는 내용을 발표했습니다. 발표한 자료는 텍스트가 아닌 스크린샷 위주의 그래픽 이미지 등으로 구성되어, 자료만 참고하긴 부적절할 수 있습니다. 답답한 아파트를 벗어나 나만의 전원주택을 그리워하는 것처럼, 제약과 제한이 많은 서비스형 블로그를 벗어나 나만의 설치형 블로그를 만들고 꾸미는 테마에 대한 내용을 다뤘습니다. 워드프레스 테마 시작하기 View more presentations from [...]

이전에 작성한 글처럼, Google Font API의 구조는 무척 사용하기 쉽습니다. 기존에 Google API(예: AJAX API)를 사용해보신 분이라면 부연 설명이 전혀 필요없겠지만, 그렇지 않은 분들이라면 CSS를 HTML에 사용하는 4가지 방법에 대한 간단한 기초 지식이 필요합니다. inline Style: HTML 엘리먼트의 style 속성을 사용해서 코드를 작성함. embeded Style: HTML head에 style 코드를 작성함. Linked Style: 외부의 CSS 파일을 [...]

어제 Google I/O에서 오픈소스 비디오 포맷인 웹M을 발표한 것에 세간의 시선이 집중됐는데, 한편으로 조용히 Font API도 공개됐습니다. 사용 방법은 Font API > 시작하기에서 확인할 수 있습니다. 저도 테스트 해봤는데, 정말 쉽습니다. 폰트 디렉토리도 확인해 보세요. 웹폰트를 지원하는 최근 브라우저에서 사용할 수 있는데, 테스트 결과 IE6을 포함한 Chrome, Firefox, Opera, Safari 최신 버전에도 정상적으로 동작합니다. 제가 [...]

CSS 레퍼런스를 오픈했습니다. 아직 내용을 완벽하게 갖추진 못했지만, 혼자서 만드는 것보다 일단 공개하고 사용자의 의견을 받거나 참여를 유도하는 게 바람직하다고 생각해서, beta라는 꼬릿말을 붙이고 오픈했습니다. 위키(Wiki)를 기반으로 만들어서 누구나 내용을 수정하거나 새로운 페이지를 만들 수 있습니다. 파일(file) 기반 위키를 DB처럼 구성했기에, 수정하는데 번거로울 수 있습니다. 이는 전체적인 구성이 완료되는 이번주 수요일 중으로 각 페이지로 내용을 [...]

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

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

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

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

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

Adobe가 Macromedia와 합병한 후, 처음으로 만든 제품들인 Adobe CS3 신제품 발표회가 7월 10일 그랜드 인터네셔널 호텔 2층에서 진행된다. 오전 9시부터 오후 6시 20분까지 12개 섹션에 5명의 해외 스피커가 출동하지만, 딱히 맘을 사로 잡는 섹션이 있을 것으로 생각하진 않는다. 다양한 스폰서들이 동원됐기에 경품을 노릴 수 밖에;; 간단한 행사 안내 행사는 무료로 진행되며, 조기에 등록이 마감될 수 [...]