Tagged: web-standards Toggle Comment Threads | Keyboard Shortcuts

  • Joe 11:08 on April 6, 2009 Permalink
    Tags: , , , web-standards,   

    Thursday April 9th: CSS Naked Day 2009 

    CSS Naked Day 2009 April 9th

    CSS Naked Day 2009 April 9th

    It’s already a tradition started in 2006 by Dustin Diaz: CSS Naked Day, on April 9th.

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

    A great opportunity to show off how your site structure stands if all styling is removed, from the official website:

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

    Are you using WordPress? Then join the movement by simply installing this CSS Naked Day plaugin for WordPress by Aja, activate it and you’re ready:

    CSS Naked Day plugin for WordPress automatically strips off XML/HTML stylesheet references, embedded stylesheets and inline styles—all without editing your template! It also provides a function to determine whether it is the 9th of April on the recommended worldwide 48-hour CSS Naked Day period or just your local 24-hour period if ever you want to automate a message telling viewers why your site is in the nude.

    Then head over to the CSS Naked Day website to add you to the list of participating sites.

    Follow CSS Naked Day on Twitter!

    Reblog this post [with Zemanta]
  • Joe 08:16 on April 6, 2006 Permalink
    Tags: web designers, web standards advocates, web styles, web-standards   

    CSS Naked Day is over… 

    So Annual CSS Naked Day is over.

    It has attracted some 750 participants and stirred some good discussions among web designers, geeks and web standards advocates. I like the points made in Monday by Noon: “But it validates”

    My web styles are back to regular, but I kept the empty CSS Naked Day stylesheet as an alternate style:

    <link rel="stylesheet alternate" type="text/css" 
    	title="CSS Naked Day" href="css/naked-css-day.css"/>

    It has been fun, let’s see how much traction this event gets next year (if any)!

    Update: Dustin’s comments Alright, now somebody hand me a towel

  • Joe 22:15 on April 4, 2006 Permalink
    Tags: , , , web-standards,   

    April 5th: CSS Naked Day 

    Tomorrow, April 5th, is acclaimed Annual CSS Naked Day by Webdeveloper Dustin Diaz of Yahoo!

    Funny to see all those nicely designed websites start to look like the old days of HTML 1.0 and the Mosaic web browser.

    Strange that most of us need to do our utmost best to live up to this challenge, to make our well designed sites look at least reasonable without any style applied. For me, it is good to experience that following web standards pays off, even in this weird challenge.

    In my case I already had positioned my navigation and other non-content stuff absolutely. Now I had a good reason to move this below the page content in the HTML source.
    Not only makes this the CSS Naked look neat (relatively spoken), but it also benefits the loading time before the actual content is readable, with CSS applied.

    I just replaced my CSS stylesheet by an empty one to accommodate the Aussies’ time zone.
    Take a look for yourself and experience the clean look of what the web was like, some 15 years ago…

    By tomorrow night all will be back to normal (with slightly improved loading time!).

    BTW, there’s some leftovers of in-line style, e.g. for the relative size of links in my tag cloud.

    For Firefox, the inline styles can be overridden with this simple Javascript function:

    <script type="text/javascript">
    window.onload = function() {
    	var l = document.getElementsByTagName('*');
    	for (var i in l) {
    		try {
    			if (l[i].style.cssText) l[i].style.cssText = "";
    		} catch (e) { }


    • Untested on MSIE/Windows.
    • This trick does not work for Safari/OS-X.

    Update: made resetting style conditional:
    if (l[i].style.cssText) l[i].style.cssText = "";

Compose new post
Next post/Next comment
Previous post/Previous comment
Show/Hide comments
Go to top
Go to login
Show/Hide help
shift + esc

Twitter links powered by Tweet This v1.8.3, a WordPress plugin for Twitter.