PILZAII’s blog - Phantasmagoria

디자인을 복구했습니다. 여전히 블로그가 벗고 있을 경우
화면 맨 아래로 내려가서 6가지 스킨 중 하나를 고르세요.

올해로 3년째 진행되는 블로그 벗기기(?) 캠페인 CSS Naked Day. 올해는 왠지 4월 9일로 늦춰진 모양입니다.
재작년과 작년에 그랬듯 본 블로그는 올해도 참가합니다.
이전에는 4월 5일이라 벗으려고 했는데 공식 사이트를 보니 9일로 바뀌었다고 하니까 아마 4월 8일경부터 벗을(?) 예정입니다.

어제는 개인적으로 우울한 소식을 듣질 않나, 오늘은 뭐 좀 하려다가 결국 아무것도 못 하고, 좀 전엔 다른 내용으로 글쓰다 날리고(그냥 이 글을 보세요) 기분이 좀 안 좋네요. 이럴 땐 벗어야(?).

Don't think, just strip. 므흣 *-_-*

4월 5일 하루동안 CSS를 제거하고 블로그를 벗기자는 캠페인 CSS Naked Day.
작년에 이어서 올해도 참여하게 되었습니다. 4월 5일 식목일이 공휴일에서 밀려난 것에 대한 아쉬움과 안타까움과 분노를 담아서 옷을 훌러덩 벗어던집시다(…). 공휴일 많다고 없앤 양반들은 다 주5일 하는 공무원들이지 그래. -_-;

[관련글] CSS Naked Day by deutism
[관련글] CSS Naked Day 옷벗기기 by 일모리
[관련글] 어김없이 CSS Naked Day가 돌아왔다. by naxer

태터툴즈 1.1.1으로 판올림하면서 P's skin 2.0도 수정 및 추가를 거쳤습니다. 파이어폭스 2.0.0.2로 확인하면서 만들었지만 XHTML 1.1 표준을 준수했으므로 다른 브라우저에서도 잘 보이리라 믿습니다.

[버전 히스토리(?)]
2.0.0 (2006/01) - 태터툴즈 클래식용.
2.0.1 (2006/03) - 태터툴즈 1.0 용.
2.0.2 (2006/11) - 파이어폭스에 최적화.
2.0.3 (2007/03) - 태터툴즈 1.1.1에 맞춰 수정.

[개별 스킨의 종류 및 설명]

내용보기 more..

그간 적조하였습니다. 안팎으로 안 좋은 일에 바쁜 일에 이것저것 겹쳐서 정신이 없는 와중이었습니다. 그러나 살아 있으니 안심하소서(…).

그러던 중에서도 오늘부터 CSS Reboot이 시작되는 날이라 스크린샷을 올리려고 방문을 하려는데 아까부터 계속 사이트 접속이 안 되네요.

참가하지 말라는 계시인가. -_- 작년엔 등록하고서도 스킨을 못만들어 좌절하더니 이번엔 사이트에서 받아주질 않으니 -_- 역시 호모 오틀로즈 용어의 창시자답게 좌절로 점철된 인생이로군요. ＿|￣|○

덧. 밤 12시가 넘으니까 복구된 모양. 그래서 급하게 스크린샷 올렸습니다. 원래 스킨 4개를 기획했는데 여러가지 사정으로 3개만 있게 되었군요.

(c) SUNRISE, 岡崎優, 冒險王 [출원]

덕분에 밤에 잠도 못자고 뭐하는 짓인지……. -_-

바야흐로 웹2.0의 시대를 맞아 블로그 스킨도 2.0으로 한 단계 판올림(업그레이드)되었습니다.

무엇이 얼마나 다르길래 2.0이냐는 질문이 있을 수 있습니다. XHTML과 CSS를 이용한 내용과 디자인의 완전 분리, 웹표준 준수, 웹 안전색 위주 사용(예외로 바탕을 흰색 대신 #fafafa 사용) 등의 특징이 있지만 그건 기존의 스킨으로도 가능한 부분이지요. 제가 강조하는 특징은 고정된 하나의 모습이 아니라 이용자가 고를 수 있는 다양한 디자인을 제공한다는 점입니다. 사용자가 중시되는 부분이 웹2.0답다고나 할까요.

그런 점에서 이 스킨은 아직도 현재진행중입니다. 차후 계속 새로운 스킨이 추가될 것이며, 2006년 5월 개최되는 CSS Reboot을 대비하여 몇 개를 만들고 있습니다. 영원한 베타 테스트라는 점도 웹2.0과 흡사하네요.

마지막으로 이 스킨은 jwBrowser 5.7 release 12(M$ IE 6 엔진을 쓰는 탭브라우저)와 파이어폭스 1.0으로 확인하며 만들었으므로 오페라, 사파리 등 다른 브라우저에서 제대로 보이지 않을 수도 있습니다. 기본적으로 웹표준을 준수했으므로 큰 이상은 없으리라고 믿지만, 그래도 건의나 지적사항이 있으면 글 남겨주세요.

[2006/11/15] 약간의 수정을 거쳐 다시 적용했습니다. 파이어폭스 2.0에서 확인했습니다. CCL 코드를 맞게 고치고 일부 링크를 수정했습니다.

---

[03] Warp (2006/04) #254D8C #6699CC
외형부터 Wardpress의 기본 스킨을 모방했습니다. 그래서 이름도 비슷하게 붙였고요, Mac OS의 벽지를 일부 따오기도 했습니다.
한편 이 스킨은 M$ IE 버전6에서는 모습이 일부 깨져 보입니다. 파이어폭스나 오페라 등에서는 제대로 나올 것이므로, 이 스킨을 이용하실 분은 참조하시길.

[02] TEXT ONLY (2006/03)
인쇄용 페이지이며 PDA 등 제한된 환경에서 접속할 때, 시각장애인 등 정상적인 이용이 어려운 분, 낮은 버전의 브라우저, 느린 통신환경 등에서도 이용이 가능합니다.
CSS 링크에서 media 속성에 print, handheld, speech, aural을 설정해놓았으니 표준을 잘 준수한다면 해당 조건에서 이 스킨이 적용될 겁니다.
이름 그대로 완전히 글자만 있는 스킨을 만드려고 했으나 새로 추가한 메타 블로그 사이트의 태그 보기와 del.icio.us 링크 버튼만은 어떻게 하질 못해서 이미지 그대로고 그 외에는 댓글 달기 버튼마저도 글자로 바꿨습니다.

* 현재 TEXT ONLY 스킨에서 댓글 입력창이 제대로 뜨지 않는 버그가 있사오니 다른 스킨에서 댓글을 입력해주세요.

[01] P's skin 2.0 BETA (2006/03) #CCCCCC #9966FF
처음 만든 스킨으로 기본형에 해당합니다. 처음 오신 분이 이 모습만 보고 '디자인이 왜 이렇게 후지냐'라고 생각하지 않으셨으면 좋겠네요.

그렇게 생각하신다면 왼쪽의 'select skin' 아이콘에서 마음에 드는 걸 골라보세요. 설마 (아직도) 놀랍다거나 신기하다고 생각하진 않으시겠죠(저도 이 분야의 전설인 CSS Zen Garden을 처음 봤을 땐 감탄을 했답니다)? 웹2.0의 시대에선 기본이랍니다. AJAX라든가, 이런 것도 물론 기존에 있던 기술이에요. 하지만 어떻게 활용하느냐가 관건이겠죠?