... and that's my rank!

I was quite excited and intrigued last Friday when I spotted a post from Jake about an experiment Firefox were conducting to garner information about what web developers wanted to see be included in Interop 2026.

A group effort by major browser makers: Apple, Bocoup, Google, Igalia, Microsoft and Mozilla, the Interop Project (essentially) attempts to make the web work the same in every browser. Each year these companies agree on a set of web standards (created by organisations like WHATWG and W3C) to focus on, to test, and to implement in their respective browsers throughout the year.

I like this idea, it doesn’t hide itself away in a meeting room somewhere, it goes out and asks the community, it looks at what’s being written. What existing features are broken or what bugs they have. What can be improved, and what folks would love to see. Historically, for me, finding out about this has been catching a post (or repost) by a developer advocate that I’ve managed to see in my timeline.

This brings me back to Jakes post. I opened the link and started looking at the list, it was huge, there were lots of things I thought ‘ooh, that’d be nice’ and as I scrolled down the list I decided to make and post a ‘Top 10’, and inspired by Matthias I thought I’d quickly write a post with that list too.

So, here goes web platform lovers!

1. CSS margin-trim

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

2. CSS @supports for at-rules, nesting, and other CSS syntax
3. CSS text-wrap: pretty

   Prioritizes better layout over speed when text is broken into multiple lines.

4. CSS contrast-color() function

   Picks a color that has guaranteed contrast against a specified foreground or background color.

5. CSS @container style()

   Apply styles based on the values of custom properties of a container.

6. CSS hanging-punctuation property

   Puts punctuation characters outside of the box to align the text with the rest of the document.

7. CSS Gap decorations

   column-rule and row-rule display decorative lines between columns and rows of a flex, grid, or multi-column layout.

8. CSS accent-color property

   Sets a color for checkboxes, radio buttons, and other form controls.

9. CSS anchor positioning

   Places an element based on the position of another element.

10. Web Share API

    Invokes the device's native sharing mechanism and passes text, links, files, and other content to share targets.

As of publishing this article, there's still time to sign-in and add your most wanted features ❤️

• #Css