CSS Naked Day

0d 00h 00m 00s

Welcome to the CSS Naked Day website!. Join us for the fourth annual 2009 festivities of going nude on the web! For reference, see also 2006, 2007, and 2008

View this site in alternate languages: Czech, Chinese, French, Korean, Slovak, German, Russian, Hungarian... your language? (please email me)

Where did my Design go?

The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good 'ol play on words. It's time to show off your <body>.

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.

Don't think, just strip

Here is a sample PHP function for you

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

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 & 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 me at so I can list it here.

Jim Auldridge has created a nice PHP Naked Day Timer Class that has fun methods that can determine if Naked Day is coming soon, if it's over, is it now, how long until.... Thanks Jim. Very fun. Check out the API doc as well.
Aja's updated most excellent Wordpress Naked Day Plugin
Tore Darell has provided a simple Rails Helper to go naked for 48 hours
Josh Stodola has created an ASP.net Naked Day Class
Reto has created a Naked Day plugin for the LifeType Blogging platform
Tante shows us how to implement a snippet for Serendipity
Paul Anthony has a classic ASP snippet of code
Sasha Gerrand gives us a great Perl subroutine
Jeff Triplett gives us a nice Django Snippet for you Python folk.
Drupal users, get the module!
And if all else fails, Marat threw together a nakedDay.js

Famous Words

This is a fun idea, fully in line with the reasons for creating CSS in the first place. While most designers are attracted by the extra presentational capabilities, saving HTML from becoming a presentational language was probably a more important motivation for most people who participated in the beginning.

Håkon Wium Lie

Drop some love to those who went nude in 2009

(randomized each day throughout the year)

Thanks

To anyone who translated this website into another language, and to anyone who wrote a plugin to make this work. Just as a reminder, If you translated this page into another language, or wrote a plugin for CSS Naked Day, please let me know at

Who's talking about this...

Sign up

Sorry, signups for naked day are all over. It was real, and it was fun. Damn, it was really fun. In the meantime, check out the main list above, there might quite a few folks out there running around without a towel.

Best,
Dustin Diaz

Mar	MAY	Aug
	03
2007	2009	2010