What I learnt about making websites by reading two thousand web pages
32 points by aashvik
32 points by aashvik
One CSS feature that I like and I don't really see it in the wild (mostly because it's not exposed by the browser in any obvious way) is using alternative stylesheets where you have a "simplified" CSS that can be used instead of something like the reader mode.
Sadly, very few browsers currently support this, any many that used to have since removed it.
Whoa... It seemed such a basic feature that it didn't even cross my mind to check the browser compatibility table. That's a lesson learned. :)
[edit] This looks like an obvious candidate for a browser extension.
Also, the ones that do support it don't make it particularly obvious, and IIRC it also doesn't function very practically. If I visit a website and select an alternative stylesheet, I want that preference to be sticky, so that next time I visit the page, I get the same stylesheet I selected. (Similar to how I can zoom in on a page and that preference gets remembered next time I visit that page.) IIRC, Firefox doesn't do that, and you'd need to select the stylesheet afresh every time.
I am pretty sure I wrote that instapaper_ignore class for The Atlantic. I was reading a lot of things in Instapaper at the time.
Re: <style data-href="https://example.com/style.css">, my guess is the style is being loaded via JavaScript instead of a link tag because they want it to load late for some reason. You have JS walk through and add the content after the fact.