Posts Tagged ‘CSS’

CSS Naked Day 2010

Friday, April 9th, 2010

Today (April 9th) is CSS Naked Day – a chance for web developers to show just how accessible their sites are by stripping them of their CSS and seeing how they hold up. With proper use of HTML, semantic markup, a good hierarchy structure and no reliance on purely visual elements, any site should be able to lose its styling without making its content inaccessible.

Although no official mention of the day has appeared on the site which started it all, it seems a lot of people have made sure to observe the tradition again this year.

This is a fun idea, fully in line with the reasons for creating CSS in the first place. While most designers are attracted by the extra presentational capabilities, saving HTML from becoming a presentational language was probably a more important motivation for most people who participated in the beginning.

HÃ¥kon Wium Lie

Just as with last year, I’ve stripped the CSS from my own site and it looks just fine (albeit a little dull!). I know of various other web developers who have done the same, and it’s an excellent visual way of checking that you’re up to scratch in terms of web standards.

Screenshot of my site with CSS switched off

Website without CSS

For anyone interested in this technique, the excellent Web Developer toolbar (FireFox add-on) has a handy option to turn off CSS styles.

Web Developer toolbar

Web Developer toolbar

Stripping (my CSS) for web standards

Thursday, April 9th, 2009

Today is CSS Naked Day.

The idea is simple – websites all over the world are stripping off their CSS for a day, leaving their sites naked and unstyled. If those sites have been designed well, according to web standards, the sites will still appear in logical order with all content perfectly accessible.

Checking a site with CSS turned off is a great way of detecting possible problems. Many assistive technologies ignore CSS, for example, so over-reliance on styling can lead to problems.

For example, imagine you use CSS to call up a background image. But then imagine that background image is actually an image of content (for example, when people put contact details on the background image of their Twitter page). Without CSS, you won’t see that image, but have you provided an alternative?

Website without CSS

The Pretty Simple website without CSS - less pretty, more simple

CSS Naked Day is a great way of flagging up the need for good web standards, and in that spirit I will be shedding my CSS over at www.prettysimple.co.uk. (EDIT: CSS now back on – it was getting too cold!)

Some fellow CSS naturists