CSS Naked Day – Terence Eden’s Blog https://shkspr.mobi/blog Regular nonsense about tech and its effects 🙃 Fri, 10 Apr 2020 23:41:30 +0000 en-GB hourly 1 https://wordpress.org/?v=6.9.4 https://shkspr.mobi/blog/wp-content/uploads/2023/07/cropped-avatar-32x32.jpeg CSS Naked Day – Terence Eden’s Blog https://shkspr.mobi/blog 32 32 <![CDATA[This blog strips off for CSS Naked Day]]> https://shkspr.mobi/blog/2020/04/this-blog-strips-off-for-css-naked-day/ https://shkspr.mobi/blog/2020/04/this-blog-strips-off-for-css-naked-day/#comments Thu, 09 Apr 2020 06:15:35 +0000 https://shkspr.mobi/blog/?p=34631 Half-a-dozen years ago, I proposed that web developers spend one day a year browsing without JavaScript. It's a great way to see how the web works when things break.

Similarly, April 9th is CSS Naked Day. A chance to throw off the shackles of good design, and see the raw beauty of your HTML. Today is intended for websites to remove their own style sheets - as this blog has done.

The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of HTML, semantic markup, a good hierarchy structure, and of course, a good old play on words. It's time to show off your <body> for what it really is.

But I'd like to go a step further. Turn off page styles while browsing the web. Do it now! On Firefox, it's easy:

Firefox menu. Go to View, the Page Style, then No Style.

You can't change user styles in Chrome. Because Google hates giving users a choice. So open up the Developer tools and paste this into the console:

for (var style in styles = document.styleSheets)
    styles[style].disabled = true;

Take a look around the web. Who is using CSS when they could be using semantic HTML? Which sites hide loads of crap from users. What weird things are being stuffed in their markup? How well does your site work if there's a glitch and the CSS doesn't load? What would the web be like if it were unstyled?

]]> https://shkspr.mobi/blog/2020/04/this-blog-strips-off-for-css-naked-day/feed/ 4