발표자료) 워드프레스 부모/자식 테마

워드프레스 미트업 서울 2011에서 “나만의 워드프레스 디자인을 위한, WordPress Child Theme”라는 주제로 발표한 자료를 공유합니다. Word press child theme View more presentations from Jo Hoon 개념적으론, 기존에 존재하는 테마를 참고하여 테마를 제작할 때, 참고한 테마를 부모 테마라고 하고, 참고해서 새로 제작될 테마를 자식 테마라고 합니다. 대부분의 테마를 제작할 때, 무에서 유를 창조하는 방식보다는 기존에 존재하는 […]

libon: 디자인 라이브러리 공유터

디자인 라이브러리 공유터를 목표로 libon을 오픈했습니다. Libon.kr은 도서관 또는 자료실을 의미하는 library의 약자인 “lib”과 위를 의미하는 “on”이 결합된 단어로, 한글로 리본이라고 부릅니다. 리본은 세상의 모든 디자인 리소스를 공유하고자 합니다. 자신의 디자인 소스를 공유하거나 다른이의 디자인 소스를 재공유하고, 공유된 디자인 소스에 메타정보를 추가하여 재가공하며, 서로 의견을 나눠서 새로운 가치를 만들어 내고자 합니다. 표면화된 디자인 이면에 숨겨진, […]

네이버와 다음의 와이어프레임(wireframe) 쉽게 확인하기

웹 사이트나 서비스를 제작할 때, 보통 정보 설계 다음 과정으로 와이어프레임(wireframe)을 제작하게 됩니다. 와이어프레임에 대해선 위키피디어는 다음 같이 정의하고 있습니다. A website wireframe (also “web wire frame”, “web wireframe”, “web wireframing”) is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe […]

워드프레스 테마 시작하기 #wcseoul

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

Google Font API로 아름다운 웹 만들기

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

CSS 레퍼런스 beta 오픈

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

개발자를 위한 아이콘 세트

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

블로그 4번째 리뉴얼

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

W3C의 마크업 유효성 검사 서비스 디자인 개편

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