Tagged: Dustin Diaz Toggle Comment Threads | Keyboard Shortcuts

  • Joe 11:08 on April 6, 2009 Permalink
    Tags: , Dustin Diaz, , ,   

    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]

    Post to Twitter Tweet This Post to Delicious Delicious Post to Reddit Reddit This Post Post to StumbleUpon Stumble This Post

     

  • Joe 22:15 on April 4, 2006 Permalink
    Tags: Dustin Diaz, , , ,   

    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) { }
	}
}
</script>

    Notes:

    • 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 = "";

    Post to Twitter Tweet This Post to Delicious Delicious Post to Reddit Reddit This Post Post to StumbleUpon Stumble This Post

     

c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel

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