CSS Naked Day
A few years ago, Dustin Diaz started a Web Standards movement aimed to promote web standards around the world. He dubbed it CSS Naked Day! A day when websites around the world strip out their css and show off their for a day.
Last year I hard coded a toggle into my website and totally forgot about it until I just happened to go to my website and find the css was gone. My first reaction was to crap a blue twinkie and wonder what had happened. Then I saw the alert at the top of the page telling me it was CSS Naked Day. Imagine my relief.
This year I decided to create a plugin for Mango Blog that automatically removed the css and added the notification message to tell users that it was css naked day.
- Plugin version:
- 1.0
- Last Updated:
- 2009-04-10
- Requires:
- Mango Blog 1.3+
- Auto-install URL:
- http://www.visual28.com/assets/content/mango/cssNakedDay.zip
What If I Don't Have Mango Blog
Since not everyone uses mango but may still want to participate in CSS Naked Day with their coldfusion powered blog I thought I would throw in some samples of my code from before the creation of the Mango Plugin. It's really simple but for a CF newbie it might be usefull.
Place this in your <head> and put your css files into it.
<cfif day(now()) neq 9 OR month(now()) neq 4><!-- css files here --></cfif>
Put this code just inside the <body> tag.
<cfif day(now()) eq 9 and month(now()) eq 4>
<div id="naked" style="background:#ffc;padding:5px;color:#900;">
<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></div>
</cfif>
Tags: Freebies · Mango · Code · Plugins · ColdFusion
2 comments so far ↓
Just an FYI, to see what your site will look like in the mean time, there is a bookmarklet that let's you remove the stylesheet for websites you are looking at. http://www.marklets.com/Bookmarklets/Disable+Style+Sheet.aspx Just right click and save the bookmarklet as a bookmark to use it with other sites.
Leave a Comment