feat: Make https://css-naked-day.org naked on CSS Naked Day

[arkhi]

This PR revert all properties and update existing implementations.

I made the choice to create a different page because explanations started to be too verbose for a single page in my opinion.

The CSS @scope used can be seen in action on this codepen.

Thanks for fixing htmlmin in the meantime; it was breaking the build when using <script>. :)

---

• Add rules and script to revert all styles on CSS Naked Day.
• Add rule to indent code examples with 2ch tabs.
• Move stripping instructions to their own page.
• Use absolute path for CSS file.
• Rework copy for https://css-naked-day.org#timespan section.
• Replace abandoned Google Groups with mailto and link to Issue creation.
• Make subtitle optional.

---

Closes #254.

[j9t]

Great proactive PR!

I like to challenge this approach, even more so as the CSS N/D site sets an important example:

The problem with this solution is that it’s just visually “naked,” but not really. It’s a reset that even comes on top of existing styles. If I may, I’d call this a cheat and would highly discourage (and perhaps even disqualify!) other sites to use this.

For our case, I suggest we look into how we could automatically comment the CSS line. That would make the site actually naked. Haven’t looked into this problem yet, but if we cannot solve it via some time-controlled template/workflow combination, maybe we do it via JS. Happy to help identify something.

[arkhi]

The problem with this solution is that it’s just visually “naked,” but not really.

Indeed! I don’t see this as a problem, since browsers don’t display websites with no style either. :)

I did have my doubts as well when first thinking about it, but if we’re pragmatic about it, the result is the one expected when applied.

As mentioned in the description, we reset styles to the user or user-agent values (simplified as browser), by actively asking CSS to get back to its default value. This is a straightforward solution that can be easily implemented, and I actually find it funny, like thumbing one's nose to more convoluted options.

If you come with an funnier, easier and/or more elegant solution though, please share!

[j9t]

I’ve never been in the reset camp (quite the contrary) but I can appreciate the pragmatism of the idea.

Here’s the thing, borrowing from an old article—the default is typically this:

Default CSS + Author CSS

For CSS N/D, do we want to use

Default CSS + Author CSS + Reset CSS

—or

Default CSS

I do think this is a big difference. As we have recommended the latter in the past, the change itself would also be significant.

It seems we may have two questions now:

1. How can we automate unreferencing our CSS?
2. What do we do with sites that would take this approach? (Suggest to apply a stronger standard to us, and not to mention and check this for other sites.)