CSS Naked Day 2009

naked-day-09It’s already a tradition which started in 2006 by Dustin Diaz, on April 9th 2009, the fourth CSS Naked Day event will take place. The idea behind this event is to promote web standards (like proper semantic markup and a good hierarchy structure). On April 9th, many blogs and sites will strip all CSS during 24 hours (effectively 48 hours for international compliance) and show the content “unstyled” as if no CSS existed. If your site has proper semantic markup, it’ll stay well usable and understandable even without styles. If not, you better hide and don’t take part in this event 😉

View this site in alternate languages: German, Czech, Chinese, French, Korean

How to participate

Fill out the naked day signup form, then your website will be included in the official list within the next hour.

Then on April 9th, simply remove all CSS from your website, stripping it entirely of its design.

(Optional): Insert the following snippet of markup at the top of your page on the day of.

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

This option for those who feel a need to give their visitors a reference as to what's going on. This is not about getting traffic or making money. There are no ads on this site, nor will there ever be. This is about you, the people; getting naked.

Include via PHP

To start the Naked Day automatically via-PHP function, you can use following function. Put it in your functions.php of your template or header.php. Alternative you can use the Plugin „WordPress Naked Day“.

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

Use it like this

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

In WordPress you can implement it in your header.php, which could look like this:

<?php
if ( is_naked_day(9) ) {
  echo '<!-- Naked Day has no styles -->';
} else { ?>
	<style type="text/css" media="screen">
		@import url(<?php bloginfo('stylesheet_url'); ?>);
	</style>
<?php }
?>

Wait... isn't that 48 hours?

That's correct. CSS Naked Day lasts for one international day. Technically speaking, it will be "April 9th" somewhere in the world for 48 hours. This is to ensure that everyone's website will be publicly nude for the entire world to see at any given time during April 9.

Tools und Plugins

Attention Plugin Developers. If you have a Naked Day plugin for a popular CMS, or written in a programming language not listed here that would be useful to others, please email at dustin [@] dustindiaz dot com so he can list it here.

Comments are closed.

4 comments

  1. John (Human3rror)

    or.. you could just rename your .css file something different for a day, right?

  2. Binny V A

    I'm in.

  3. Taylor Satula

    Hello, Dustin Diaz seems to not be running Naked CSS Day anymore so I have taken the job.

    Please update links.
    http://naked.threepixeldrift.com/

One pingback

  1. CSS Nake Day 2009 @ 天佑的自由天地