Available For Front-End & Design Systems Contracts – Get In Touch

Always Twisted

... And That's My Rank! 2027 Edition

I'm hoping this is regular, will 3 years in a row make it regular? We're on year two.

Last year I spotted Jake post about an experiment Firefox were doing to see what web develoeprs wanted including in Interop 2026.

This year Rick has taken on the batton. And, like last year, it's an almost zero effort way of voting for what you really want to see and use cross browser.

And this brings me back to the 2027.

So, here goes web platform lovers!

  1. CSS @function

    Defines custom functions in CSS that take arguments and return computed values (like Sass).

  2. CSS margin-trim

    Removes the margins of child elements when they meet the edges of the container.

  3. CSS corner-shape

    Allows shapes other than rounded corners when using border-radius, such as squircles and bevels.

  4. Customisable <select>

    Customises the appearance of native select dropdowns, buttons, and options using CSS.

  5. calc-size()

    Computes mathematical expressions that include sizing keyword values like auto and fit-content.

  6. if()

    Returns an inline conditional value based on a specified set of conditions (like Sass).

  7. CSS anchor positioning

    Places an element relative to the position of another target element.

  8. attr()

    Extends attr() to any CSS property, parsing HTML attributes into specific data types or units.

  9. text-box

    Trims leading space above and below text based on font typographic metrics.

  10. CSS @mixin and @apply

    Defines reusable style fragments and applies them inside CSS rules with optional arguments (like Sass).

There's a couple of familiar faces in this year’s list. Both margin-trim and anchor positioning were on my list last year, and I’m still holding out hope they get the cross-browser love they deserve.

There’s also a clear theme running through my choices this time around. CSS is becoming far more capable, taking on work we’ve traditionally relied on Sass or JavaScript to handle. Native functions, mixins, conditionals, intrinsic sizing, and customizable form controls will make the web platform so much more powerful—and leave us needing far fewer workarounds.

As of publishing this article, there’s still time to visit Developer Signals, see what other developers are backing, and throw your own votes into the mix!

🙏🖤

⌂

Looking to modernise your code and align with current best practices?

I'll help you refactor and improve your code to match modern standards and patterns.

get in touch!