2009年CSS裸奔节（CSS Naked Day ）

发表时间：2009/04/09 作者： Felix in 网络

image

      CSS Naked Day，也称裸奔节或裸奔日，2009年4月9日是第四界裸奔节。

      裸奔节就是将这整站的样式都去掉，这样所有的布局，颜色，背景什么的就都没有了(除非你使用table布局)，只剩下html实体显示出来，起源好像是比较无聊的想法，就是剥去的外衣，让大家看看你的(x)html代码是否工整，但是时至html语义被极力推崇的今日，裸奔节就给外的有意义！


裸奔节的意义      

      不管裸奔节的原始意义是什么，或许只是一个网络恶作剧，但是从第一届裸奔节（2006年4月5日）开始，裸奔节的意义在于：推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。 

      告诫大家做页面不仅仅是把还原设计稿，更不是所谓的+div，更多的是使用正确的 (x)html语义标记、良好的层次结构。
历届 Naked Day的举办时间

第一届裸奔节：2006年4月5日
第二届裸奔节：2007年4月5日
第三届裸奔节：2008年4月9日
第四届裸奔节：2009年4月9日

如何加入 Naked Day

naked day官方网站：http://naked.dustindiaz.com/

使用如下的PHP代码

  1. <?php
  2. function is_naked_day($d) {
  3.   $start = date('U', mktime(-12, 0, 0, 04, $d, date('Y')));
  4.   $end = date('U', mktime(36, 0, 0, 04, $d, date('Y')));
  5.   $z = date('Z') * -1;
  6.   $now = time() + $z;
  7.   if ( $now >= $start && $now <= $end ) {
  8.     return true;
  9.   }
  10.   return false;
  11. }
  12. ?>

在你的head头文件中这样调用

  1. <head>
  2. ...
  3. <?php
  4. if ( is_naked_day(9) ) {
  5.   echo '<!-- naked day has no styles -->';
  6. } else {
  7.   echo '<link rel="stylesheet" type="text/" href="styles." />';
  8. }
  9. ?>
  10. ...
  11. </head>

有关 Naked Day的插件

如果你使用的是WordPress,直接可以使用WordPress CSS Naked Day插件页面下载后启用即可.

本文地址 : http://www.imfelix.com/web/2009-css-naked-day/
本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 ImFelix.Com 。
如果你对本文感兴趣，欢迎订阅我的博客！

标签：, , ,

相关文章：

9 条评论

西风

2009/04/11

MM 呵呵 :grin:

Notify

simaopig

2009/04/12

这个节日对前端设计师很不错。

PS：主题很漂亮。 :smile:

Notify

Felix

2009/04/12

@simaopig:是啊，很多人都参加了，由于我还在调试主题中，就没参加。

Notify

Peng

2009/04/13

第一次听说 :???:

Notify

Felix

2009/04/13

@Peng:呵呵，下一届去试试！

Notify

cherlin

2009/04/16

:neutral: 也太強了吧...圖片...

Notify

Felix

2009/04/16

Jutoy

2009/04/19

现在大家要是都CSS裸奔了就没法看了…囧

Notify

张岩

2009/04/21

:shock: 还是不凑这个热闹了。。

Notify

发表评论