The amount of CSS novelty in the last two to four years has been staggering. Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change how to make websites.

  • dan@upvote.au
    link
    fedilink
    arrow-up
    10
    ·
    edit-2
    7 months ago

    Nice article. I didn’t know about many of these.

    I’m glad we can use logical properties now. Dealing with systems that support both LTR (like English) and RTL (like Hebrew and Arabic) languages used to be a pain because we had to have a build script that generated a second CSS bundle with everything flipped (eg converts margin-left to margin-right, border-left to border-right, etc. Logical properties make it a lot easier.

    I love the gap property for flexbox… I use that one all the time. Easily solves the “I need padding between all these items, but no padding at the start or end” use case.

  • Newtra@feddit.de
    link
    fedilink
    arrow-up
    4
    ·
    7 months ago

    I’ve been waiting so long for :has(), and had no idea it was finally implemented. This is huge for userstyles. Now I should be able to hide retweets and inline ads from Twitter with just a couple lines of css.

    • Newtra@feddit.de
      link
      fedilink
      arrow-up
      6
      ·
      7 months ago

      Also, I’ve gotta say, great article. Very informative and I appreciate the focus on concrete use cases.