CSS Naked Day

I learned from Dries, founder of Drupal, that today is “CSS Naked Day” which encourages site owners to disable all CSS. You can read more about it on the day’s site.

Here’s a quick and dirty snippet to add to a WordPress site to enable it.

function bk_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;
}

function bk_remove_all_css(){
global $wp_styles;
if ( bk_is_naked_day( 9 ) ) {
$wp_styles->queue = array();
}
}

add_action( 'wp_print_styles', 'bk_remove_all_css', 99 );

function bk_announce_naked_day() {

if ( bk_is_naked_day( 9 ) ) {
echo " Why does my website look so naked? April 9th is CSS naked day. I'm participating to help promote web standards, including the proper use of HTML, semantic markup and more. I'm also using it as an opportunity to find out where I can improve the HTML on the site. ";
}
}

add_action( 'wp_body_open', 'bk_announce_naked_day' );