Zeldman's 'Jakob Nielsen Corner'
Take a look at the buttons on the right of Zeldman's site-- the ones labeled "Essentials" and "More Stuff". They're toggle buttons that display/hide extra content on the page. Nifty, eh? Well, not so much.
To me, this is a good illustration of silly uses for CSS display rules. Is the content only loaded upon clicking the button, thus preserving bandwidth? No-- the content is loaded when the page is fetched-- it just isn't displayed. Well, surely the site uses a cookie to preserve the preference of whether to display or hide the content! Nope-- refresh the page after displaying the items and it will revert to hidden view again. Totally useless. (
The same can be said for the 'skin' buttons which do little more than change the current font. That preference is also not preserved. Is there some button to hide the 'Jakob Nielsen Corner' itself? Font preference is preserved-- at least something works!)
To make matters worse, he's hiding a block of content that is captioned as "Essentials". If it's so essential, why force the user to click a button to see it? I'm so confused. As for the "More Stuff" button-- why hide the sidebar content? It's not in the way of anything. It serves a purpose.
Lets not use the DOM to do stuff just because we can. Let's use it to make sites better.
P.S.: Why is Zeldman using the XHTML 1.0 Transitional DTD?