The Wayback Machine - https://web.archive.org/web/20090417054619/http://chatii.tistory.com:80/

CSS Naked Day '09 동참합니다

CSS Naked Day '09 로고

CSS Naked Day는 웹 표준을 장려하기 위한 자발적인 행사로, 매년 4월 중 하루 동안 이루어집니다. 특별한 자격요건은 없으며 누구든지 자신의 웹사이트에서 하루 동안 CSS를 제거함으로써 참여할 수 있습니다.

의미에 맞는 마크업을 사용하고 구조와 표현을 분리한다면, 순수한 디자인적 요소인 CSS를 배제하더라도 컨텐츠를 이용하는 데 무리가 없습니다. 지금 보이는 이 화면이야말로 가장 기본에 충실한 모습이지요.

사실 저는 티스토리의 한계상 완벽한 웹 표준과 웹 접근성을 구현하지 못했기 때문에 부끄러운 마음이 없잖아 있는데, 자성의 의미로 이렇게 무리를 해서 참여합니다. 보너스로 JS도 최소화했습니다. 불편해도 하루만 참아주세요. :)

끝났습니다. 기록은 스크린샷으로 남깁니다.


Trackback Address : http://chatii.tistory.com/trackback/88
  1. hanvalley 2009/04/10 02:31 | Permalink | Edit/Del | Reply
    아 참여하셨군요! 저도 그냥 지나쳤는데^^
    언제봐도 chatii님 블로그는 좋은 글들이 많은 것 같네요!!
    • chatii 2009/04/10 12:21 | Permalink | Edit/Del | Reply
      과찬이십니다 ^^;
      hanvalley님의 글을 읽으면 저도 여행을 가고 싶어져요
      혼자 하는 여행을 참 좋아하는데
  2. Kay~ 2009/04/10 09:02 | Permalink | Edit/Del | Reply
    작년에 css naked day에 참여 했었는데 ..
    벌써 1년이 되었군요! ^^ 할까 말까 고민중.... ㅋ
    • chatii 2009/04/10 12:22 | Permalink | Edit/Del | Reply
      저는 짧게 24시간만 참여했어요
      다음번엔 Kay~님과 함께하면 좋겠습니다 :)
  3. 필넷 2009/04/10 10:33 | Permalink | Edit/Del | Reply
    그런 날이 있는줄 처음 알았네요. ^^;;
    전 CSS 없으면 화면이 정말 이상해질 듯 싶은데요. --;;
    • chatii 2009/04/10 12:23 | Permalink | Edit/Del | Reply
      누군들 안 그러나요 ^^
      그래도 익숙해지면 또 볼만합니다
      말 그대로 웹'문서'를 읽는 느낌이거든요
      리치웹과는 또 다른 맛이 있어요 :)
  4. mun 2009/04/10 10:38 | Permalink | Edit/Del | Reply
    안녕하세요.어제 들렸다가 css naked day라 댓글이 안먹이는것 같더라구요.ㅎㅎㅎ
    깜짝 놀랐습니다.댓글은 잘 봤어요.
    저 하나 질문이 있어서요???
    글을 쓸때 새창으로 열기하는 방법있잔아요? 글옆에 화살표시나는거 ....그거 어떻게 합니까?
    chatii님이 바쁘신가보네요.^^
    • chatii 2009/04/10 13:42 | Permalink | Edit/Del | Reply
      아이고, CSS 제거와는 별개로 제가 스킨을 잘못 만져서 잠깐 코멘트 기능이 안 됐습니다
      죄송해요 XD
      (CSS를 제거한다고 해서 코멘트를 단다든지 하는 기능이 제한되는 일은 있을 수 없으며,
      만약 그런 일이 발생한다면 그건 잘못 만든 페이지라는 반증입니다 :))

      새 창으로 여는 것은 플러그인으로 구현하는 것이 가장 좋지만
      티스토리는 그게 불가능해서 저는 JS로 만들었어요
      내용을 다시 정리해서 답변드리겠습니다 :)
    • mun 2009/04/10 14:29 | Permalink | Edit/Del | Reply
      기대하고 있겠습니다.
      저도 그것이 티스토리에는 적용이 안되는줄 알고 있었는데 쓰고 계셔서 깜짝 놀랐습니다.ㅎㅎㅎㅎ
      이래저래 깜짝 놀라네요.ㅎㅎㅎㅎ

      완성되면 트랙백 한방 쏴주세요^^
      그동안은 불편해도---> 표시로 해야지요^^
    • chatii 2009/04/10 14:46 | Permalink | Edit/Del | Reply
      대문님 블로그를 분석해봤는데, 그대로 적용하기는 좀 어려울 것 같습니다
      일단 이 스크립트는 본문(article)내의 모든 링크(a 태그)에 아이콘을 생성하는데
      대문님 블로그는 본문 안에 순수한 링크뿐만 아니라 각종 '광고', '키워드 출력' 플러그인, '카테고리의 다른 글' 플러그인도 있어서 이들도 모두 영향을 받게 됩니다
      링크란 링크에는 전부 아이콘이 따라붙게 된다는 말이에요

      그걸 방지하기 위해서는 저처럼 블로그를 아예 간단하게 꾸미거나,
      아니면 각 링크마다 식별 방법(class나 rel 속성 같은)를 추가해야 하는데, 그럴 바에는 차라리 수동으로 넣어주는 것이 더 쉬울 것 같습니다

      티스토리가 무료긴 하지만 이래저래 설정 제한이 있어서 좀 불편하죠
      가장 좋은 방법은 설치형으로 갈아타는 것입니다 =33
      에구구, 도움이 안 되는 답변이라 죄송합니다 :(
  5. LUV 2009/04/11 22:28 | Permalink | Edit/Del | Reply
    이런게 있었군요. 메타사이트를 좀 둘러보았더라면 미리 알고 저도 참여했을텐데..
    내년에는 잊지않고 동참해야겠습니다.
    스크린샷을 보니 간결하고 그야말로 기본에 충실한 모습에.. 90년대 중반의 웹 생각이 나네요.
  6. zinicap 2009/04/13 19:25 | Permalink | Edit/Del | Reply
    안녕하세요? cahtii님 포스팅과는 좀 다른건으로 자문 드립니다.
    웹 표준에 대해서 언제든 도움 청하란 말씀^^ 기억하시죠?

    다름이 아니라 웹문서 헤더부분에 항상 들어가는
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    이 구분에 대한 문의를 드리고자 합니다.
    닥큐먼트 타입에 대한 부분과, 제가 알기론 이 항목이 웹문서에 포함될 경우
    W3C 표준 검사를 받겠다는 의지의 표현이며, 이 항목이 포함된 웹 문서일수록
    검색엔진에서도 높은 평가를 하는것으로 알고 있습니다.
    이 부분에 대한 좀 더 깊이있는 노하우, 지식을 배우고자 합니다.
    관련 정보가 있으시면 공유 부탁드려 봅니다. 감사합니다.
    • chatii 2009/04/13 22:27 | Permalink | Edit/Del | Reply
      개인적으로 답변드렸습니다 :)
    • zinicap 2009/04/14 12:54 | Permalink | Edit/Del | Reply
      시험 기간인 줄 모르고 괜한 부탁을 드렸나 봅니다.
      장문의 글로 상세한 설명주신데 거듭 감사 드립니다.
      툴을 만들면서 웹 표준 부분에서 체크해야할 것이 너무 많아 쉽지가 않네요^^.
    • chatii 2009/04/16 14:14 | Permalink | Edit/Del | Reply
      괜찮아요
      어짜피 전 날라리라서 공부 안 하는 건 마찬가지입니다 XD
블로그 이미지
웹을 비롯한 IT 전반에 관한 정보를 담았습니다.
RSS Feed 구독 버튼 한RSS 구독 버튼