第三届CSS裸奔节来了,今年(CSS Naked Day ‘08)的时间定在4月9日。

活动目的

CSS裸奔节的目的是推动Web标准。简洁为美。使用正确的(x)html,语义标记,良好的层次结构。暂时把页面设计抛弃,直接展示<body>吧。

如何参与

这里填表报名,报名后一个小时内,你的网站会在官方列表中出现。

到了4月9日,将你网站上的CSS移除,抛掉页面设计。

你也可以在那天把以下HTML内容放置于网站顶部:


<h3>What happened to the design?</h3>
<p>To know more about why styles are disabled on this website visit the  <a href="http://naked.dustindiaz.com" title="Web Standards Naked Day Host Website">
Annual CSS Naked Day
</a> website for more information.</p>

注:加上这些标注仅仅是为了向你网站的访问者说明情况,并不是为了带来流量或赚钱。CSS裸奔官方网站上没有任何广告,以后也不会放置广告。

活动日期

很多人非常关心CSS裸奔节的活动时间。今年定于4月9日,理由如下:

  • 活动日期应该定于周二、周三或周四,这几天网站流量比较高
  • 时间应该在4月份的第一周前后
  • 不应该是4月1日(要不谁信呢,呵呵)
  • 在活动通告发出至活动日期,至少有五天时间

如何裸奔

下面这个PHP函数可以用来裸奔:


<?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>

工具、插件

19 Comments on “CSS 裸奔节”

  1. » CSS Naked Day | XHTML-CSS at 3:22 pm on April 7th, 2008

    […] 当然,已经有人将之翻译成中文了:http://blog.ashchan.com/archive/2008/04/05/css-naked-day/ […]

  2. 3. CSS Naked Day, 9.April 2008 - bueltge.de [by:ltge.de] at 3:39 am on April 8th, 2008

    […] English, Spanish, Thai, Chinese, [Korean 01, Korean […]

  3. 一起裸奔 » ufo34记录 at 4:16 pm on April 8th, 2008

    […] 好兴奋啊 一年一度的CSS Naked Day (CSS裸奔节)将坐落在明天 […]

  4. 风格之舞 | 明天是CSS裸奔节,你准备好了吗? at 6:36 pm on April 8th, 2008

    […] 如果你也想参与进来,可以参考CSS裸奔节的专门页面。 英文专题站:http://naked.dustindiaz.com/ 中文翻译版:http://blog.ashchan.com/archive/2008/04/05/css-naked-day/ […]

  5. 明天裸奔,见者勿怪 - StEp On My FeEt at 10:21 pm on April 8th, 2008

    […] 关于裸奔节,参看官网和中文介绍,Wordpress的插件在这里。 Author: Benny […]

  6. mg12’s Blog » CSS Naked Day ‘08 [裸奔版] at 11:44 pm on April 8th, 2008

    […] CSS Naked Day ‘08 2008 年 4 月 9 日是第三届的 CSS 裸奔节. 届时, 参加裸奔节的 Blog 将会去除页面上所有的 CSS 样式和广告裸奔整整一天. 去年在 Opera 社区, 大家浩浩荡荡裸奔的时候我竟然没法参与, 今年我绝不能错过了! 在网页审美疲劳的今天, 你是否也在考虑裸奔一次, 向众人展示真我风采? 注意: 裸奔前请端正态度. 裸奔, 并不是为了带来流量或赚钱. CSS 裸奔节的目的是推动 Web 标准. 简洁为美. 使用正确的 (x)html, 语义标记,良好的层次结构. 裸奔请点: CSS Naked Day ‘08 [zh_CN] […]

  7. mg12 at 11:45 pm on April 8th, 2008

    一起啰吧!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  8. ClubEddy at 12:41 am on April 9th, 2008

    我也裸了
    http://www.clubeddy.com

  9. Our Blog » CSS Naked Day » www.lolicalee.com at 12:55 am on April 9th, 2008

    […] 4月9号是CSS Naked Day,所以我的博客就成这样了。所谓CSS Naked Day就是将页面的CSS样式都略掉,只显示文本内容的一种活动,大家都叫它“裸奔日”。虽然我不是搞设计的,但是也凑一回热闹。我博客用了 Wordpress Naked Day Plugin,有感兴趣的也参与一下吧。 […]

  10. 响应CSS裸奔日 at 2:26 am on April 9th, 2008

    […] CSS裸奔日的中文介绍页面上说活动目的是: 推动Web标准。简洁为美。使用正确的(x)html,语义标记,良好的层次结构。 […]

  11. CSS Naked Day 08 | Smartr.cn at 5:43 am on April 9th, 2008

    […] 还不知道这是为什么?这里有中文介绍,有兴趣的话一齐玩下吧,不就一天吗?至少这一天不用为网站的样式如何如何烦着了 ^_^ […]

  12. CSS 裸体节,今天你裸了吗? - WordPress中文站 at 9:40 am on April 9th, 2008

    […] 知易行难,CSS 裸奔节; […]

  13. 裸奔啦! | 猫窝 at 12:18 pm on April 9th, 2008

    […] 这个活动有人做了个中文版本的页面, 对我们这行不熟悉的同学可以看看. […]

  14. CSS裸奔节 - 许许如生 at 1:51 pm on April 9th, 2008

    […] 从总统博客得知,今天(2008年4月9日)是第三届 CSS 裸奔节,这里是中文版介绍。 […]

  15. Cordobo » Welcome to the third year of CSS Naked Day! at 4:57 pm on April 9th, 2008

    […] Spanish, French, Thai, Chinese, [Korean 01, Korean 02], [German […]

  16. День «Голяка без CSS» | Якісний веб-дизайн at 7:57 pm on April 9th, 2008

    […] Іспанською, Французькою, Тайською, Китайською, [Корейською 01, Корейською 02], Німецькою, Болгарською, […]

  17. 裸奔也是一种美 at 8:15 pm on April 9th, 2008

    什么时候结束啊?按北京时间么?

  18. ken at 9:02 pm on April 9th, 2008

    怪不得今天好几个站点都裸奔了,今年没赶上了

  19. Nothing to do » CSS裸奔节 | CSS Naked Day — April 9th at 12:34 am on April 10th, 2008

    […] 第三届CSS裸奔节就在今年4月9日!活动的目的是推动Web标准。简洁为美。使用正确的(x)html,语义标记,良好的层次结构。暂时把页面设计抛弃,直接展示。 […]

【来源】http://blog.ashchan.com/archive/2008/04/05/css-naked-day/



点击上部按钮,大家一起来裸奔!!!
<script type="text/javascript">
function test(){
    
var csslink=document.getElementsByTagName("link");
    
for(i=0;i<csslink.length;i++){
        
if(csslink[i].type=="text/css"){
            csslink[i].href
="#";
        }
    }
}
</script>
<button onclick="test();">大家一起来裸奔</button>

 posted on 2008-04-10 09:34  巴别塔工人  阅读(857)  评论(0编辑  收藏  举报