CSS로 탭 내비게이션 구현하기…

오랫만에 웹페이지 코딩을 할 일이 있었는데, 탭 내비게이션이 필요한 상황이라 html + css로 탭 내비게이션을 구현해보았습니다.
block 레벨 엘리먼트에 position 속성을 주게 될 경우 새로운 context가 시작되게 되므로 그 하위 엘리먼트에서 position: absolute를 사용할 경우 position을 속성을 지정해둔 상위 엘리먼트의 위치 기준으로 위치가 지정된다는 사실을 이용하는 방법입니다.
border만을 활용하다 보니 디자인 상으로 사소한 문제가 있지만 span 등을 활용할 경우 충분히 이쁘게 만들 수도 있을거라 생각합니다.
Continue reading CSS로 탭 내비게이션 구현하기…

'CSS 완벽 가이드'와 역자…

요번에 위키북스를 통해 출판된 ‘CSS 완벽 가이드‘의 경우 Eric. A. Meyer의 책을 남덕현님, 이준님, 연홍석님 그리고 저 이렇게 네 분이서 공동 번역을 하였습니다. (써놓고 보니 가나다라 순은 아니군요.)
그런데 온라인 쇼핑몰마다, 그리고 포털의 책 소개 페이지마다 역자는 전부 다르게 표기되어 있습니다. 아래는 ABCD순서로 본 각 쇼핑몰의 역자 표기입니다.
Continue reading 'CSS 완벽 가이드'와 역자…

'CSS 완벽 가이드'가 나옵니다.

제가 번역한 책인 CSS 완벽 가이드 (원제: CSS Definitive guide)가 드디어 출판됩니다. 작년 4월 쯤에 마지막 원고를 보냈고, 얼마 전 2월 11일 최종 원고를 받았습니다. 요번 주 월요일에 인쇄에 들어가서 3월 9일쯤에 출간될 예정이라고 하네요.
원 저자는 Eric Meyer입니다. 수년 전 CSS Zen GardenCSS/Edge를 봤을 때가 생각나네요. CSS만으로 만들어진 이 화려한 페이지들은 테이블 태그만을 활용하고 있던 제게 신선한 충격을 안겨줬습니다. 세월이 흘러 이 분의 책을 제가 번역하게 될 줄은 상상도 못했네요.
Continue reading 'CSS 완벽 가이드'가 나옵니다.

ErrorDocument 수정

403 Forbidden, 404 Page Not Found, 500 Internal Server Error 같이 자주 접해볼 수 있는 (?) 에러 페이지들은 기본 에러페이지를 사용하지 않고 나름 이쁜 페이지를 만들어 사용하고 있었습니다.
다만 예전 개념 없던 시절에 작업해놨던 페이지이기 때문에 지저분한 html, 의미 없는 markup 이 여기저기서 보이더군요. 그래서 잠깐 짬을 내어 좀 더 web standard 에 맞도록 수정을 해 보았습니다.
실력이 일천하여 예전 페이지 모양을 그대로 살리지는 못해서 살짝 아쉽네요.
예전 에러 페이지:
http://unfix.net/resources/err_page/old/
새 에러 페이지:
http://unfix.net/resources/err_page/

apache: mod_autoindex hack!!

예전에 써놓은 글에서 구상해뒀던 것들을 전부 패치에 반영시켜버렸습니다… 예전 hack 은 정말 quick & dirty 가 무엇인지를 보여주는 진정한 HACK!! 이었는데… 요번 패치는 옵션에 크게 영향을 받지도 않고, 사용자가 설정할 건덕지가 많아졌다는 점에서 개인적으로 흐뭇합니다…

  1. CSSFile 옵션을 통해 css 파일 지정이 가능
  2. Encoding 옵션으로 meta 데이타로 charset 지정 가능
  3. html 소스를 아주 간단하게 변환
  4. XHTML 1.0 Strict!! (validation 도 통과-_-v)

뭐 이정도를 한 건데… 예전 핵은 정말 너무 지저분하길래 -_-;; 아예 첨부터 작업했습니다. 기본 mod_autoindex에서는 pre~/pre 로 열맞춤을 하고 있는데, 프레젠테이션을 CSS로 바꾸기가 쉽지 않을 것 같아서 table 기반으로 만들었습니다.
그리고 xhtml validation을 위해 모든 태그들을 소문자로 바꿔줬습니다.
패치 파일은 아래서 받을 수 있습니다…
For apache-1.x
http://mytears.org/resources/mysrc/c/patches/mod_autoindexhack-20050816.diff
For apache-2.x
http://mytears.org/resources/mysrc/c/patches/apache2-mod_autoindex-hack-20070922.diff
테스트 페이지는 여기…
http://mytears.org/resources/
ChangeLog:
2007년 9월 22일 – apache2 용 패치 생성