web-platform-dx / web-features

Exploring how to present Web platform features adoptability
Apache License 2.0
338 stars 63 forks source link

Cover the features listed in the State Of XYZ surveys #1624

Open captainbrosset opened 3 weeks ago

captainbrosset commented 3 weeks ago

Here is another potentially useful burndown list to add features to the repo. The CSS and HTML features are mentioned, in some way, in either State of CSS or State of HTML (over the past 4 years). This was made by using the GraphQL API as detailed in https://github.com/Devographics/surveys/issues/247#issuecomment-2296633083.

The first ID on each row is the ID of features in State of CSS and State of HTML. Not to be confused with web-features IDs (even if they look very similar in some cases). I've checked some of the boxes below according to what I think web-features already covers and added links to the relevant web-features-explorer pages.

I added the word "unclear" for some of the features, with my questions.

CSS (2021/2022/2023/2024)

HTML (2023/2024)

SachaG commented 3 weeks ago

at_container (unclear: is this a group for the 2 above properties?)

Before style queries were a concern we used at_container to designate container size queries, but I decided to make the split more explicit going forward.

autonome commented 3 weeks ago

accordion_element

looks like details and exclusive details are already done, if that's what this is referring to.

captainbrosset commented 3 weeks ago

accordion_element

looks like details and exclusive details are already done, if that's what this is referring to.

I think this comes from https://2023.stateofhtml.com/en-US/usage/#html_missing_elements which is about missing html elements. So, by definition, we won't have a web-feature entry for it, or other missing elements (e.g. carousel, data table, tabs, ...)

ddbeck commented 3 weeks ago

The first ID on each row is the ID of features in State of CSS and State of HTML

Are there human-readable strings strings associated with the IDs? Some of the IDs are easy enough to figure out, but others are unclear.

SachaG commented 3 weeks ago

@ddbeck you can get more metadata via our GraphQL API https://graphiql.devographics.com/. Here's an example query:

query MyQuery {
  entity(id: "subgrid") {
    id
    name
  }
}
ddbeck commented 3 weeks ago

Thank you, @SachaG! I put the results in a gist: https://gist.github.com/ddbeck/5fc3c7b8c07f0e14d753579b03ef4fc9. This might be a good source of prior art for our name fields, too.

jamesnw commented 3 weeks ago

Here is the CSS section with a few updates with in progress PRs, and I used the Graphql explorer to confirm the open questions.

CSS (2021/2022/2023/2024)

@captainbrosset Would you prefer to copy this into the top description, or for me to maintain this list in this comment where I can edit it?

captainbrosset commented 3 weeks ago

@jamesnw I updated the top description based on your comment. Thank you!