仰望星空 » css http://sunshineg.com 来自火星，热爱互联网 Mon, 21 Nov 2011 09:08:05 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 释放自我，疯狂裸奔啊~ http://sunshineg.com/css-naked-day.html http://sunshineg.com/css-naked-day.html#comments Fri, 09 Apr 2010 03:19:49 +0000 Sunny Gao http://sunshineg.com/?p=865 Posted in 创业

第五届CSS裸奔节来了，（CSS Naked Day ’10）就在今天。 活动目的 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 [...]]]> Posted in 创业

第五届CSS裸奔节来了，（CSS Naked Day ’10）就在今天。

活动目的

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>

工具、插件

]]> http://sunshineg.com/css-naked-day.html/feed 11