CSS Naked Day '08

April 05, 2008 03:00 PM

CSS Naked Day '08 올해도 어김없이 CSS 네이키드 데이(CSS Naked Day)가 왔습니다. 이 이벤트는 올바른 (X)HTML과 의미에 맞는 마크업 만으로도 콘텐츠 내용을 잘 전달할 수 있다는 것을 보여줌으로써 웹표준을 홍보하는 이벤트입니다. 2006년에 처음으로 진행되었고 올해로 세번째를 맞이하게 되었습니다.

이벤트 사이트의 폼을 작성하면 공식 참가 리스트에 이름을 올릴 수 있고요. 4월 9일에 CSS를 제거함으로써 사이트의 디자인을 없애고 의미에 맞게 작성된 콘텐츠를 보여주면 됩니다. 그러기 위해서는 먼저 디자인을 CSS로 완전히 분리 해야 겠죠? :)

아래의 코드를 넣어서 이벤트에 대한 소개글을 넣을 수도 있습니다.

<h3>디자인이 어디갔지?</h3>
<p>
    이 사이트의 스타일이 나오지 않는 이유가 궁금하시면 <a href="http://naked.dustindiaz.com" title="Web Standards Naked Day Host Website">Annual CSS Naked Day</a> 사이트를 방문해 보세요. 
    <a href="/CssNakedDay">한국어 설명</a>도 있습니다.
</p>

올해에는 5일이 아니라 9일에 이벤트가 시행되는데 아래와 같은 이유 때문이라고 하네요.

  • 트래픽이 가장 많은 화요일, 수요일, 목요일에 이벤트가 진행되어야 하고,
  • 4월의 첫주에 열려야 하고,
  • 만우절인 4월 1일을 피해야 하고,
  • 이벤트 홍보를 최소한 5일은 해야 하기 때문.

참석하기 위해서는 아래와 같은 PHP 코드를 이용해도 되고, 단순히 이벤트 기간동인 CSS를 제거해도 됩니다.

<?php
function is_naked_day($d) {
  $start = date('U', mktime(-12, 0, 0, 04, $d, date('Y')));
  $end = date('U', mktime(36, 0, 0, 04, $d, date('Y')));
  $z = date('Z') * -1;
  $now = time() + $z; 
  if ( $now >= $start && $now <= $end ) {
    return true;
  }
  return false;
}
?>
<head>
...
<?php
if ( is_naked_day(9) ) {
  echo '<!-- naked day has no styles -->';
} else {
  echo '<link rel="stylesheet" type="text/css" href="/styles.css" />';
}
?>
...
</head>

아래와 같은 플러그인이나 API들도 만들어졌습니다.

  • 짐 알드리지(Jim Auldridge)가 만든 "PHP Naked Day Timer Class"를 이용하면 CSS 네이키드 데이가 가까와졌는지, 지났는지, 지금인지, 얼마나 남았는지 등을 알 수 있습니다. API 문서에 잘 설명이 되어 있습니다.
  • 에이자(Aja)의 워드프레스 네이키드 데이 플러그인(Wordpress Naked Day Plugin)도 있고요.
  • 토어 다렐(Tore Darell)은 48시간 동안 이벤트를 진행하기 위한 손쉬운 레일즈 핼퍼(Rails Helper)를 만들었습니다.

플러그인 제작자들은 올해부터는 날짜가 바뀌게 되니까 미리 확인하시고요. 좀더 상세한 내용과 참가자 명단은 이벤트 페이지(영문)를 참조하시고요. 올해도 웹표준의 힘을 보여줍시다~!

Comments

Post a comment

:

: 공개 되지 않습니다. Gravata를 표시 합니다.

:

: HTML 태그를 사용할 수 없습니다.