카테고리 보관물: CSS

블로그툴을 변경했습니다.

처음에 블로그를 만들때는 수정블로그를 사용했는데.. 스팸이 너무 많아서 닫았습니다. 그래서 두번째는 지윤님의 추천을 받아 택스트패턴을 사용을 했고 약 3년간 잘 사용해 왔습니다. 그런데 트랙백이 지원 안되는 문제는 심각하더라구요.
가뜩이나 오는 사람도 별로없는 블로그에 트랙백도 안되고 코멘트를 남기는시스템도 불편하고.. 무엇보다 글을 쓰는 방식(textile)이 맘에 안들었습니다.

그래서 블로그툴을 바꾸기로 결심하고 알아보는데… 현석님이 좋은 사이트를 하나 알려주시더 라구요. 블로그 툴 간의 스팩을 비교하는 사이트 였습니다. 기능이 진짜 많은 툴도 있었고 좋아보이는 툴도 있었습니다만 제가 선택한것은 WordPress 였습니다. 이유는 일단 제가원하는 기능이 모두 지원 되었고, 텍스트패턴에서의 데이터 이동도 지원이 되었죠. 주변에 많은 사람들이 사용을 하고 있어 정보 공유가 빠를것 같았기 때문이죠.(수정의 현석님, 택스트패턴의 위스턴님 죄송=_=)

워드프레스의 textpattern 에서의 import 기능지원
워드프레스의 textpattern 에서의 import 기능지원

그래서 워드프레스를 설치하고 기존 블로그의 데이터를 가져왔습니다. 예전에 할때는 잘 안되었던것 같은데 이번에는 무척 잘되는군요. 글, 코멘트 카테고리등이 모두 제대로 옮겨졌습니다. 4000여개의 스팸까지도 말이죠 =_=;;;

그런데 문제가 있었습니다. 마이 그레이션을 하고 깔끔하게 기존 DB를 지웠는데 그 DB중에 제가 메인으로사용하는 CSS가 저장되어 있었습니다. 초천재님이 만들어준 디자인인데 deuticious, planet, blog를 모두포함하고 있어서 저에게는 중요했거든요… 다행히 서버 관리자인 정태영군에게 백업DB 를받아서 CSS는 복구 했습니다.

textpattern에서 사용하는 textile이 자동변경되지않고 그냥 글에 노출이 되었기 때문에

textile을 사용한 흔적
textile을 사용한 흔적

태영군이 그자리에서 plugin을 하나 만들어 주더군요.. 역시 천재!!

이제 예전에 사용하던 스킨을 그대로 입힐 차례 입니다. 뭐 이건 전문 분야인데다가 워드프레스의 문법이 그렇게 어렵지 않아서 순조롭게 진행중(응?)에 있습니다. 조만간 추가된 기능에 대한 CSS만 추가가 된다면 좀 더 이쁘게 보이지 않을까 생각합니다.(전 이 디자인 맘에 들어요^^)

툴은 워드프레스이지만 폴더명은 “txp”를 그대로 가져가기로 했습니다.
이미 txp 로 너무 오래 블로깅을 해서 바꾸면 혼란이 있을것 같았고, 만약에 걸려있을 다른곳에서의 링크도 살려야했기 때문입니다.
마찬가지로 RSS주소도 현석님의 도움을 받아서 .htaccess 에서 리다이렉트하는 방식으로 기존주소를 그대로 사용하게 되었습니다. .htaccess에대해서는 조만간 블로깅 하겠습니다.

제가 원한것은 획기적인 변화가 아니라  기능개선 정도 였기 때문에 위의 삽질들을 진행했었습니다만 잘한짓 인것 같아요ㅎㅎㅎ 링크는 살아있어야하니까요..

몇가지 문제점만 해결을 하면 되는데… 결혼식 갈준비를 해야 하는군요..저녁에 마저 해야 겠습니다.

CSS Design Korea 웹 표준 경진대회

CDK 에서 주최한 제1회 웹표준 경진대회가 끝났습니다. 결과는 제가보기에는 성공적이라고 생각합니다

미숙하게 대회를 진행한점, 지인들에게 고생시킨점, 그리고 개인적인일로 결과 메일 못보내드리고 있는 몇 팀분들께 죄송하다는 말씀과 담부터는 잘하겠다는 말씀을 드려봅니다.
원래 결과물에 대해 이런 저런 얘기를 하려했으나.. 제 코멘트는 뭐 쓸모도 없고, 도움도 안되고.. 이미 훌륭하신 심사자님들이 좋은 총평을 해주셨으므로 저는 묻어갑니다.
웹 표준의 아름다운 정착을 위해서 항상 수고를 아끼지 않아 주시는 여러분들이 너무 존경스러워요

웹 표준 경진대회의 좀더 많은 얘기는 조만간 진행될 무엇인가에서 얘기해 볼 수 있을것 같아요.

다시한번 심사를 맡아주신 신현석, 정찬명, 김요한님께 감사드리고 기획을 맡아주신 조현진님께 감사드립니다.
그리고 수상자 및 모든 참가 하신분들 정말 감사합니다. 다음회에는 좀 더 잘 만들어진 대회를 들고 오겠습니다.

수상자

대상 (1팀, iPod Touch 8Gb + Hosting.co.kr 도메인/호스팅 3년 이용권)
김한솔
금상 (1팀, iPod Touch 8Gb + Hosting.co.kr 도메인/호스팅 1년 이용권)
ClearBoth 1조 겨미겨미(김군우) , 비티(김문정)
은상 (3팀, 에이콘출판사 웹 표준 완전정복 세트)
ClearBoth 3조 이원민, 배선, 강선아
이길환
최준호
동상 (5팀, 디지털미디어리서치 웹표준 교과서)
김세민
ClearBoth 2팀. 추지호, 박아름, 권희숙
태임,이희영
정을수
서정민, 김영관

경품인 컵과 못받으신 상품, 그리고 결과 메일은 최대한 빨리 안내 드리겠습니다.

블로그 개편중

뭐 이블로그에 오시는분들이야 별로없겠지만 가끔 오셔서 보시는분들에게 좀 이상한 (저는 정말 잘 보인다고 생각했지만…) 화면을 보셨을겁니다…

기존의 디자인이 이쁘긴 했었으나 화면 배색 자체가 어둡고 잘 보이지 않는것 같아 새로 작업을 하기로 마음을 먹었습니다.
그러나 시간이 잘 없으므로, 하나 하나 아침에 30분 동안만 작업을 하기로 하고, 심심 풀이로 그 과정을 단계별로 스샷을 찍어 올려볼까 합니다.

오늘은 그 첫번째 내맘대로 레이아웃 잡기!

사실 이 이후에는 별로 변할것같지는 않습니다=_=;;;;
내맘대로라고 하지만 제일 평범한 레이아웃 입니다.

작업을 진행하면서 제일좋았던것은 semantic markup이었습니다~ 제대로 되었다고는 생각하지 않지만 간결한 구조가 맘에 드네요…

CSS 적용과정

참고로 한줄씩 스샷입니다.

body { font:0.8em/1.5 verdana,AppleGothic,’굴림’,’돋움’,gulim,dotum,sans-serif;}
#accessibility { float:right; }
#header { clear:both; }
#header h1 { float:left;display:block; }
#nav { float:right; }
#nav ul li {display:inline;}
#middle { clear:both; }
#content { float:left;width:70%; }
#sidebar { float:right;widht:25%; }
#footer { clear:both; }
#footertext { float:right; }

간단하죠?? 차근차근 하다 보면 그래픽 디자이너들에게도 인정받는 디자인이 나올지도ㅎㅎ
다들 재미있게 해보아요~