5 ms·

Reminds me of CSS Zen Garden and its 221 themes: https://csszengarden.com/ https://csszengarden.com/ e.g. https://csszengarden.com/221/ https://csszengarden.co

Reminds me of CSS Zen Garden and its 221 themes: https://csszengarden.com/ https://csszengarden.com/ e.g. https://csszengarden.com/221/ https://csszengarden.com/221/ https://csszengarden.com/214/ https://csszengarden.com/214/ https://csszengarden.com/123/ https://csszengarden.com/123/ See all: https://csszengarden.com/pages/alldesigns/ https://csszengarden.com/pages/alldesigns/

cxr 1y ago
Only somewhat related and unfortunately misses the point. CSS Zen Garden was powered by style sheets as they were designed to be used. Want to offer a different look? Write an alternative style sheet. This site doesn't do that. It compiles everything to a big CSS blob and then uses JS (which for some reason is also compiled to a blob, despite consisting of a grand total of 325 SLOC before being fed into bundler) to insert/remove stuff from the page and fiddle with a "data-theme" attribute on the html element. Kind of a bummer since clicking through to the author's Mastodon profile shows a bunch of love for stuff like a talk about "Un-Sass'ing my CSS" and people advocating others "remove JS by pointing them to a modern CSS solution". (For comparison: Firefox's page style switcher and the DOM APIs it depends on[1] are older than Firefox itself. The spec[1] was made a recommendation in November 2000.) 1. <https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-87355129 https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-87355129>)
- reactordev 1y ago
  I fault her static site builder and not the author for that. It’s just how her bundler bundles.
  - cxr 1y ago
    This makes as much sense as choosing not to fault the person carrying a dagger who buried it into your shoulder—because you just fault their dagger.
    - reactordev 1y ago
      No, it’s makes as much sense as someone who wants to travel but doesn’t like the carbon footprint but has to because there’s no other way to Paris.
      - cxr 1y ago
        Even ignoring your hyperbolic (i.e. wrong) use of "has to", the options are not "use tooling that produces crummy bundles, or else don't go to Paris"; the Paris that we're talking about definitely has more than one way to get there.
- extraduder_ire 1y ago
  I'm disappointed no browsers other than Firefox support it anymore.[0] Chrome dropped support in version 47. It's very rare to see it used in the wild too, probably because it's not "sticky" across page loads. 0: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/alternate_stylesheet https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...
  - 1718627440 1y ago
    Me too. I do use it. It is very useful when you redesign a site and want to compare them. Just switch between themes and you instantly see if something is pixel-perfectly at the same spot. I think it should be "sticky" the same way non-submitted form content stays persistent across page-reloads. This kind of features should be what browsers are judged and compared on.

cxr 1y ago

Only somewhat related and unfortunately misses the point. CSS Zen Garden was powered by style sheets as they were designed to be used. Want to offer a different look? Write an alternative style sheet. This site doesn't do that. It compiles everything to a big CSS blob and then uses JS (which for some reason is also compiled to a blob, despite consisting of a grand total of 325 SLOC before being fed into bundler) to insert/remove stuff from the page and fiddle with a "data-theme" attribute on the html element. Kind of a bummer since clicking through to the author's Mastodon profile shows a bunch of love for stuff like a talk about "Un-Sass'ing my CSS" and people advocating others "remove JS by pointing them to a modern CSS solution". (For comparison: Firefox's page style switcher and the DOM APIs it depends on[1] are older than Firefox itself. The spec[1] was made a recommendation in November 2000.) 1. <https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-87355129 https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-87355129>)

reactordev 1y ago
I fault her static site builder and not the author for that. It’s just how her bundler bundles.
- cxr 1y ago
  This makes as much sense as choosing not to fault the person carrying a dagger who buried it into your shoulder—because you just fault their dagger.
  - reactordev 1y ago
    No, it’s makes as much sense as someone who wants to travel but doesn’t like the carbon footprint but has to because there’s no other way to Paris.
    - cxr 1y ago
      Even ignoring your hyperbolic (i.e. wrong) use of "has to", the options are not "use tooling that produces crummy bundles, or else don't go to Paris"; the Paris that we're talking about definitely has more than one way to get there.
extraduder_ire 1y ago
I'm disappointed no browsers other than Firefox support it anymore.[0] Chrome dropped support in version 47. It's very rare to see it used in the wild too, probably because it's not "sticky" across page loads. 0: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/alternate_stylesheet https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...
- 1718627440 1y ago
  Me too. I do use it. It is very useful when you redesign a site and want to compare them. Just switch between themes and you instantly see if something is pixel-perfectly at the same spot. I think it should be "sticky" the same way non-submitted form content stays persistent across page-reloads. This kind of features should be what browsers are judged and compared on.