후니와 함께 만드는 CSS Reference

오픈웹 사이트 코딩 중

오픈웹 사이트를 코딩하고 있습니다. 코딩 프로그램은 드림위버8이고, 테스트 브라우저는 파이어폭스1.5와 오페라9 그리고 인터넷익스플러6입니다. 제가 사용중인 모니터는 1280×1024 해상도에 19″ LCD이며, 브라우저 리사이즈툴을 이용해서 1024 및 800 해상도도 고려하고 있습니다. 사실 유동형 레이아웃으로 디자인할 계획이었지만, 이런저런 관계상 적용 시점을 다음으로 미뤘습니다. 테스트 계정은 http://hooney.net/theme/open 이며, 현재 공개할만한 페이지는 아래 2가지 입니다. 메인페이지 - http://hooney.net/theme/open/ 싱글페이지 - http://hooney.net/theme/open/post.htm 워드프레스를 이용한 블로그 형식으로 [...]

오픈웹 컬러 팔레트 선택

오픈웹 홈페이지에 컬러 팔레트를 입혔습니다. 아직 확정된 color set은 아니지만, ‘열린’이라는 단어가 주는 의미에서 봄날의 시작을 알리는 녹색을, 맑고 깨끗한 느낌의 파란색과 보색으로 노랑색을 사용했습니다. 아직 로고와 홈페이지에 사용될 메인 이미지(일러스트)의 디자인이 끝나지 않았지만, 색상을 입혀보니 지난번 grayscale 톤보다는 보기 좋군요. 제가 녹색+파란색 계통의 컬러 팔레트를 좋아하다보니, 후니넷도, csslook도, kj21.org도, 예전에 공개했던 워드프레스 테마인 so-basic도 모두 [...]

오픈웹 디자인 중

오픈웹 사이트의 디자인을 하고 있습니다. 오늘 오전에 메인/서브 페이지의 스케치를 마치고, 오후에 메인 페이지를 디자인했습니다. 일단 grayscale 컬러세트로 디자인한 메인 페이지를 공개합니다. (클릭하면 전체크기로 볼 수 있음) 가급적 오픈웹 사이트의 디자인 과정을 블로그를 통해 공개할 생각입니다. 이는 사이트의 개념적 구도(콘텐츠), 레이아웃, 기술적 선택 등의 문제와 관련해서 의견을 공유하고 싶기 때문입니다. 오픈웹 사이트의 목표나 방향은 구글 그룹에 등록된 [...]

온라인 동영상 CSS 디자인 강의

온라인 교육 사이트로 유명한 Lynda.com에서 온라인 동영상 CSS 디자인 강의를 진행하고 있습니다.(via Molly) CSS의 개념은 물론이며, 각 HTML 요소 별 접근법 및 CSS 작업흐름까지 강의하군요. 강사는 WaSP(웹 표준화 프로젝트) 리더인 Molly E. Holzschlag와 SWSX에서 슈퍼 디자이너가 되는 방법이라는 섹션을 진행한 Andy Clarke이니, CSS 디자인 관련해선 세계 최고의 강사진이라 말할 수 있겠네요. 항상 그렇게 생각하고 있지만, CSS는 웹디자이너를 [...]

새로운 로고 만들기

시험도 1과목만 남았고, 다음주 수요일부터 방학이니, 슬슬 리뉴얼할 때가 온 듯 싶다. 1년 넘게 엉성한 디자인으로 버티려니 블로그에 글 쓰는 것도 재미없다. hooney가 honey에 “o” 하나를 더 붙여서 만든 애칭인 만큼, 꿀벌을 이용한 로고를 그려봤다. 만들어 놓고 보니, WaSP(웹표준 프로젝트)의 로고랑 비슷하다. WaSP의 로고는 말벌이고, 웹표준을 준수하지 않는 이에게 ‘일침을 가하자’는 의도로 만들어진 것으로 알고 있다. 서로 의도가 [...]

뚜껑은 이미 열렸다. 이젠 웹 차례다.

오픈웹 운동을 지지하는 차원에서 그린 카툰입니다. 왕뚜껑의 CF를 패러디했는데, 오랫만에 그려본 카툰(cartoon)이라 그런지 쉽지 않군요. 특히 수성사인펜의 압박이… ㅠ.ㅠ 맥 사용자도 국내 사이트를 서핑하고 싶습니다. 리눅스 사용자도 국내 사이트를 서핑하고 싶습니다. 그들의 웹서핑을 방해는 사이트들과 이를 방조하는 정부에 대해서 이미 1000만 네티즌의 뚜껑이 열렸습니다.(화가 극도로 치밀었습니다.) ㅎㅎ 웹표준을 준수하지 않고 제작된 국내 사이트들에 대한 접근성을 보장하라는 1000만 [...]

웹디자이너(독백)

어제 밤 친구와 메신져로 대화를 나눴다. 서울에서 웹디자이너로 근무하고 있는 친구는 나에게 뜬금없이 “향후 진로를 바꿨냐”라며 물었다. 나는 바꾼적도 없고, 앞으로 바꿀 생각도 없다”라고 대답했지만, 서로 생각하는 부분에 깊은 오해가 있음을 느꼈다. 언제부턴가 나는 웹디자이너 친구들에게 웹표준 준수와 CSS 디자인의 유용성을 강조하고, 새로운 디자인의 방향에 대해서 설파(?)해왔다. 그러나 똥고집의 친구들을 설득하는 건 쉽지 않았고, 결국 어제 [...]

웹디자인 2.0

웹디자인 1.0이 디자이너 중심의 디자인이라면, 웹디자인 2.0은 사용자 중심의 디자인이다. 이 점을 간과한다면, 최근 국내 웹시장에 이슈가 되고 있는 웹표준과 웹2.0 모두 허상일 수 밖에 없다. 사람에게도 첫인상과 외모가 중요하듯이, 웹사이트도 디자인이 중요하다. 아무리 사용자를 중심으로 기획하고, 개발한다고 해도, 결국 사용자는 웹사이트의 디자인을 본다. 현재의 웹디자인1.0은 출판 디자인에서 유래한 것이다. 출판 디자이너가 디자인하고, 독자가 볼 용지와 컬러 [...]

CSS로 만드는 웹사이트 S라인

역시.. 나이 먹고 공부하려니 쉽지 않다. 벌써 대학 9년째 다니고 있는데, 이번 1학기는 휴강도 없고, 종강이라도 빨리 안해주나? ㅠ.ㅠ 오랫만에 일러스트 했더니만, 손가락 마비 증상마저 온다. 요즘 S 라인이 뜨던데.. 웹사이트 S 라인 선발대회는 어디 없남?

nate 검색결과 완벽하군요!

요즘 시험기간이란 핑계로 한동안 리퍼러놀이를 등한시해오다가, 주말을 이용해서 열심히 리퍼러타고 놀고 있다. 최근 nate.com의 검색으로 방문하는 분들이 있길래 확인해 봤더니만, nate 디렉토리 검색결과는.. 한마디로 완벽하군요. ㅎㅎ 기말고사 끝나면, 열심히 리뉴얼이나 해야 할듯…

 
Be Friend~! 웹 접근성 향상 캠페인