An overview of what makes modern CSS so awesome.

  • Ephera@lemmy.ml
    link
    fedilink
    English
    arrow-up
    8
    ·
    2 months ago
    :root {
      color-scheme: light dark;
      --text: light-dark(#000, #FFF);
      --bg: light-dark(#EEE, #242936);
    }
    

    Hmm, I guess the advantage of that over

    @media (prefers-color-scheme: dark) {
        /*set different values for variables*/
    }
    

    is that you can set the color scheme via a button much more easily then.

    Had to think about that for a moment, because the old way of doing things seemed fine, but that is a pretty good reason, I guess.

  • onlinepersona@programming.dev
    link
    fedilink
    arrow-up
    6
    ·
    edit-2
    2 months ago

    I believe a lot of the negativity towards CSS stems from not really knowing how to use it. Many developers kind of just skip learning the CSS fundamentals in favor of the more interesting Java- and TypeScript, and then go on to complain about a styling language they don’t understand.

    My negativity towards CSS is that it was made by people who used to style newspapers and the terminology plus way of thinking was just copy-pasted to the digital world where things aren’t the same. For example, the display property has so many values that I don’t understand… same goes for position and a bunch of other properties and how they interact. Sometimes setting one property can completely invalidate another one. position, display and width or height are examples of that.

    The major problem with CSS is that it’s a language which requires a lot of memorisation, not understanding. Unlike programming languages where you can reason why things have to be written a certain way from a point of understanding, with CSS the why is often “because it worked that way when I tried it”.

    To understand why certain things work or don’t in CSS, you have to understand typesettings,maybe color theory, browser history, and a bunch of other things. It’s not a surprise that most people memorise CSS stuff.

    I compare it to our current school system: it’s very good for people who can/enjoy memorizing things (at least until the test). For those who care more or are better at understanding and reasoning, it is hell. CSS is like our school system.

    Anti Commercial-AI license

  • hperrin@lemmy.ca
    link
    fedilink
    English
    arrow-up
    4
    ·
    2 months ago

    That’s great and wonderful, except some of those things don’t work on an iPhone. As long as Apple is holding back the industry, we’ll have to use JS for some things.

    • BrikoX@lemmy.zipOP
      link
      fedilink
      English
      arrow-up
      11
      ·
      2 months ago

      Or just say fuck them and refer them to Apple customer service when they start complaining since it’s an Apple issue not platform issue.