블로그 엔진을 Wordpress 2.3으로 업그레이드하고 테마를 좀 손 보았다. 이번 버전에서의 가장 큰 변화는 Plugin Update Notification 과 Tags 라고 한다. Tag 기능이 기본 장착됨으로 인해 그동안 난립하던 태그 관련 플러그인들이 역사의 뒤안길로 사라지게 되었다. 이 블로그에 사용되던 UTW와 Tag Cloud widget for UTW 역시 deactivated 되었다. 개인적으로 가장 큰 변화에 한가지 더 추가하자면 관리자 모드의 속도를 꼽고 싶다. 클릭할 때마다 몇 초씩 뜸을 들이던 현상이 거의 사라진 듯 하다.

버전 올리는 작업 하는 김에 그동안 벼루고 있던 테마 작업 좀 하였다. 새 버전에 맞게 어차피 수정했어야 했다. 이번 테마의 가장 큰 특징은 라운드 코너와 제대로된 줌 브라우징이다.

디자인을 위해 의미론적으로 무의미한 태그를 사용하는 대신 자바스크립트를 이용하여 동적으로 처리하였다. 이번 버전에 기존으로 장착되어 있는 jquery 1.1.4의 마법을 빌어 어렵지 않게 구현할 수 있었다. 반경 10px짜리 라운드 코너를 구현하는데 다음과 같은 20×20 이미지 하나와 css 트릭 몇 가지면 충분하다. IE에서 1px씩 밀리는 현상으로 인해 골치까 좀 아팠지만, IE를 감지하여 그럭저럭 해결하였다.
Read the rest of this entry »

후니님의 글을 보고, 나도 최근 비슷한 작업을 한터라, 그렇게 하면 정말로 0.00001초라도 뭔가 도움이 되는 걸까하여 이미지를 조금만 더 쪼개 보고 싶은 생각이 들었다. FF에 “Web Developer” addon을 설치한 후, 구글 코리아 첫 화면으로 가서 Images > View Image Information 을 선택해 보자.

Read the rest of this entry »

다음과 같은 박스를 구현해보자. 폭은 고정되어 있고, 높이는 내용물에 따라 가변적인 경우이다.

Read the rest of this entry »

CSS로 삽질 중인 퍼블리셔 위한 FAQ와 해결방안을 경험을 통해 정리하고 있다. 사실은 스스로 나중에 참조하기 위한 성격도 있다.

1. IE와 FF에서 다르게 나와요.
2. 레이어의 높이가 늘어나지 않아요.
3. 오른쪽 레이어가 아래 칸으로 밀려요.
4. 가운데 정렬 어떻게 하는거죠?
5. IE에서 max-width가 안되네요.
6. to be continued…

Read the rest of this entry »