현재 Hooney.net에서 사용중인 워드프레스 테마인 So-Basic을 공개합니다. 워드프레스로 블로그를 이전한지 3개월이 가까워지고 있는 지금에서야 공개용 테마를 만들게 됩니다. 개인용이 아니기 때문에 코드 한줄, 띄어 쓰기 하나에도 신경이 쓰여지더군요. 이렇게 계속 수정만 하다간 공개 시기를 놓칠 것 같아서, 이렇게 일단 공개합니다. 현재 사용하고 있는 테마이기에 별도의 예제 페이지는 만들지 않았습니다. 이름 그대로 무척 기본적인 테마입니다. HTML 마크업은 워드프레스 [...]

B’Friend 캠페인은 몇일 전 Tux님 글을 통해서 처음으로 알게 됐다. 요즘처럼 각박한 세상에 무척 좋은 캠페인이다. 나도 방금 팔찌 3set(내꺼, 애인꺼, 분실 대비용)를 신청했다. 오늘 오전 Tux님이 CSS를 이용해서 B’Friend 리본을 멋지게 만들었다. 해외 블로그를 방문하다보면, 이처럼 캠패인성 리본을 멋지게 걸어논 모습을 자주 확인할 수 있었는데, 국내에선 첨으로 보는 것 같다. 1달 전에 J님이 만들었던 CSS [...]

몇일 전 어도베 포럼에서 발견한 Photoshop CS2 단축키를 정리한 PDF 파일. 물론 Photoshops CS 정품 구매하면, 설명서 PDF 파일에 있긴 하지만 훨씬 깔끔하게 정리되어 있다. 제작자 사이트에 방문하면 Photoshop 5부터 CS2까지 버전별로 정리된 PDF 파일을 찾을 수 있다. 또한 adobeevangelists.com에서는 단축키의 효과적인 사용법에 대한 PDF도 다운받을 수 있다. 아무래도 출력용 파일로는 PDF가 대세인듯..

제작중인 워드프레스 테마의 404 템플릿 페이지의 캐릭터셑(charset) 인코딩을 UTF-8로 지정해도 브라우저에서 EUC-kr로 읽는 문제가 있어서 지윤님과 MSN으로 열심히 방법을 강구했다. 유니코드 전용 웹편집기로 새로 저장을 해봤지만 문제가 해결되지 않기에, 서버측의 HTTP-config 문제인 것으로 판단하고 방법을 찾아보니 .htaccess 파일에 php_value default_charset "utf-8"의 한줄만 추가하면 쉽게 해결할 수 있었다. 다음에라도 같은 문제가 발생하면, 쉽게 해결할 수 있을 것 같다. [...]

구조적으로 작성한 폼의 라벨을 자바스크립트로 예쁘게 수정한 예가 있다. 예제 페이지가 충분히 매력적이기에, 조만간 사용할 일이 있을 것 같다. 제작자 블로그 글에 있는 우리의 친구 자바스크립트 사용하기(Using Our Friend, Javascript)라는 표현이 재밌다. 언제나 그렇듯.. 자바스크립트는 놀라울 뿐이다. 나도 공학도 출신인데, 이번 기회에 프로그래밍을 공부해 볼까나.. ^^;

가끔 Hooney.net의 리퍼러들을 확인할 때면, 해외 사이트들이 몇군데 있어서 찾아 보게 된다. 대부분 마주치게 되는 화면은 wordpress 관리자 로그인 화면이지만, 메인 주소로 들어가면 블로그가 아닌 웹사이트들을 마주치게 된다. 워드프레스의 페이지 기능을 이용한 웹사이트들이 많이 만들어져 있는 것이다. 하긴 WP가 GPL을 따르는 웹어플리케이션이고, 클라이언트용 관리자 페이지를 구성할 수 있게 하는 플러그인도 존재하는 마당에 그럴 수도 있겠다라고 생각이 [...]

웹디자인이나 CSS와 관련된 멋진 예제들을 만들었던 MaxDesign에서 웹페이지 템플릿 만들기 순서(Building a page template - a step by step tutorial)라는 프리젠테이션을 공개했네요. 모 대학생들에게 보여줄 PT를 웹에 공개하는 모습이 멋집니다. 이런 모습들을 국내에도 자주 볼 수 있었으면 좋겠습니다. CSS를 기반으로 웹페이지를 만드는 순서를 쉽게 이해할 수 있는 좋은 PT입니다. 웹표준과 관련된 conferences, seminars, workshops의 [...]

쿠키님이 사내 교육용자료로 만들었던 한글 폰트 크기 비교표를 공개했습니다. 해외에선 이와 유사한 자료들이 많이 있지만, 국내에서는 찾기 힘들었었죠. 국내에선 아직 익숙하지 못한 pt나 em, %에 대한 자세한 비교를 할 수 있습니다. 단위들의 특성을 비교하기 위해서 ctrl +, - 를 눌러보라는 친절한 설명도 덧붙여졌군요. 관련 글은 이곳에서 확인할 수 있으며, 해당 페이지는 이곳에서 확인할 수 있습니다.

1800개의 사이트에서 300개의 아이콘의 아이콘을 엄선해준 사이트가 있다. 화살표, 글, 답글, 이메일, 불릿, 프린트, 쇼핑카트의 7개 분류에 따라 정리했다. 300개의 아이콘을 고르기 위해서 1800개의 사이트를 찾았다는 점은 신빙성이 떨어지지만, 어쨓거나 블로그에 사용하기 좋은 작은 크기의 아이콘들을 한눈에 볼 수 있어서 좋다. Intersmash.com 이라는 사이트인데, CSS Zen Garden에도 출품한 것으로 봐서 그냥 단순히 긁어 모은 것이 아닌 [...]

2페이지에 여러 단으로 구성된 출판만화들은 웹브라우저로 보는데 불편하다. 오히려 마린블루스나 강풀의 순정만화처럼 1라인/1단 구성의 만화들이 보는데 편하다. 레이아웃의 전형적인 틀을 깬 웹사이트가 있다. 기존에 이와 비슷한 실험적인 시도를 한 사이트들을 몇 군데 봤었지만, 이곳은 실험적이다라는 생각이 전혀 들지 않는다. 오히려 벤치마킹 대상이 되기에 부족함이 없어 보인다. http://www.morellc.com/ 이라는 사이트인데, 메뉴항목을 클릭하면 다음페이지로 넘어가는 방식이 독특하다. 몇년전에 엄청 [...]