CSS Naked Day（CSS裸奔节）

最新推荐文章于 2020-10-28 14:40:39 发布

转载最新推荐文章于 2020-10-28 14:40:39 发布 · 602 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/jiaozhe1987/articles/1146168.html

第三届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 '  ' ;
} else {
     echo ' <link rel="stylesheet"
    type="text/css" href="styles.css" /> ' ;
}
?>

</ head >

工具、插件

PHP Naked Day Timer Class (作者Jim Auldridge)
Wordpress Naked Day Plugin (作者Aja’s)
Rails Helper (作者Tore Darell)

19 Comments on “CSS 裸奔节”

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

[…] 当然，已经有人将之翻译成中文了：http://blog.ashchan.com/archive/2008/04/05/css-naked-day/ […]
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 […]
一起裸奔 » ufo34记录 at 4:16 pm on April 8th, 2008

[…] 好兴奋啊一年一度的CSS Naked Day (CSS裸奔节)将坐落在明天 […]
风格之舞 | 明天是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/ […]
明天裸奔，见者勿怪 - StEp On My FeEt at 10:21 pm on April 8th, 2008

[…] 关于裸奔节，参看官网和中文介绍，Wordpress的插件在这里。 Author: Benny […]
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] […]
mg12 at 11:45 pm on April 8th, 2008

一起啰吧!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ClubEddy at 12:41 am on April 9th, 2008

我也裸了
– http://www.clubeddy.com –
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，有感兴趣的也参与一下吧。 […]
响应CSS裸奔日 at 2:26 am on April 9th, 2008

[…] CSS裸奔日的中文介绍页面上说活动目的是：推动Web标准。简洁为美。使用正确的(x)html，语义标记，良好的层次结构。 […]
CSS Naked Day 08 | Smartr.cn at 5:43 am on April 9th, 2008

[…] 还不知道这是为什么？这里有中文介绍，有兴趣的话一齐玩下吧，不就一天吗？至少这一天不用为网站的样式如何如何烦着了 ^_^ […]
CSS 裸体节，今天你裸了吗？ - WordPress中文站 at 9:40 am on April 9th, 2008

[…] 知易行难，CSS 裸奔节； […]
裸奔啦! | 猫窝 at 12:18 pm on April 9th, 2008

[…] 这个活动有人做了个中文版本的页面, 对我们这行不熟悉的同学可以看看. […]
CSS裸奔节 - 许许如生 at 1:51 pm on April 9th, 2008

[…] 从总统博客得知，今天（2008年4月9日）是第三届 CSS 裸奔节，这里是中文版介绍。 […]
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 […]
День «Голяка без CSS» | Якісний веб-дизайн at 7:57 pm on April 9th, 2008

[…] Іспанською, Французькою, Тайською, Китайською, [Корейською 01, Корейською 02], Німецькою, Болгарською, […]
裸奔也是一种美 at 8:15 pm on April 9th, 2008

什么时候结束啊？按北京时间么？
ken at 9:02 pm on April 9th, 2008

怪不得今天好几个站点都裸奔了，今年没赶上了
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 >

转载于:https://www.cnblogs.com/jiaozhe1987/articles/1146168.html