[SKIN] P's skin 2.0
2006/03/07 22:39
무엇이 얼마나 다르길래 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라든가, 이런 것도 물론 기존에 있던 기술이에요. 하지만 어떻게 활용하느냐가 관건이겠죠?
