Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2022 Interoperability Chapter #3145

Merged
merged 13 commits into from
Sep 25, 2022
Merged

2022 Interoperability Chapter #3145

merged 13 commits into from
Sep 25, 2022

Conversation

tunetheweb
Copy link
Member

@tunetheweb tunetheweb commented Sep 22, 2022

Fixes #2887

Staging URL: https://20220922t161618-dot-webalmanac.uk.r.appspot.com/en/2022/interoperability
Home page quotes: https://20220922t161618-dot-webalmanac.uk.r.appspot.com/en/2022/?feat=interoperability#featured-chapter

Initial conversion to markdown. There's still some open issues in the Doc and some pieces under discussion, but running short of time so thought I'd make a start on the conversion.

Assets:

@tunetheweb tunetheweb added the writing Related to wording and content label Sep 22, 2022
@tunetheweb tunetheweb added this to the 2022 Content Writing milestone Sep 22, 2022
@tunetheweb tunetheweb mentioned this pull request Sep 22, 2022
6 tasks
@github-actions
Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 8.7%, saving 2.42 KB.

Filename Before After Improvement Visual comparison
src/static/images/2022/interop/p3-color-space.jpg 27.62 KB 25.20 KB -8.7% View diff

1704 images did not require optimisation.

src/content/en/2022/interop.md Outdated Show resolved Hide resolved
src/content/en/2022/interop.md Outdated Show resolved Hide resolved
src/content/en/2022/interop.md Outdated Show resolved Hide resolved
@github-actions
Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 27.5%, saving 377.04 KB.

Filename Before After Improvement Visual comparison
src/static/images/2022/interop/cascade-layers-wpt-dashboard.png 155.76 KB 113.45 KB -27.2% View diff
src/static/images/2022/interop/color-spaces-and-functions-wpt-dashboard.png 131.38 KB 95.85 KB -27.0% View diff
src/static/images/2022/interop/containment-wpt-dashboard.png 150.54 KB 109.92 KB -27.0% View diff
src/static/images/2022/interop/dialog-element-wpt-dashboard.png 163.26 KB 118.97 KB -27.1% View diff
src/static/images/2022/interop/forms-wpt-dashboard.png 159.32 KB 114.96 KB -27.8% View diff
src/static/images/2022/interop/scrolling-wpt-dashboard.png 133.56 KB 97.94 KB -26.7% View diff
src/static/images/2022/interop/subgrid-wpt-dashboard.png 151.39 KB 108.72 KB -28.2% View diff
src/static/images/2022/interop/typography-and-encodings-wpt-dashboard.png 162.56 KB 115.66 KB -28.9% View diff
src/static/images/2022/interop/viewport-units-wpt-dashboard.png 164.75 KB 119.98 KB -27.2% View diff

1696 images did not require optimisation.

@tunetheweb tunetheweb marked this pull request as ready for review September 24, 2022 20:25
@tunetheweb tunetheweb requested a review from bkardell September 24, 2022 20:25
Copy link
Member Author

@tunetheweb tunetheweb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@bkardell I completed the edit in 72113da and updated the Staging link.

Nothing too controversial in the edit - mostly just cleaning up a few outstanding TODOs and making sure the commentary are after the figures (as per the Web Almanac style).

I think this is good to merge, apart from two comments I left for you. If happy we can remove those comments.

If I don't hear back from you by this time tomorrow, I'll merge this anyway so it's included in the release and then you can fix anything in a follow up PR.


Flexbox is even older and more widely used. This year its use has grown again, [now appearing on 75% of mobile pages and 76% of desktop pages](./css#flexbox-and-grid-adoption). It has a similar number of tests to Grid and despite very wide adoption started in much worse shape. Entering 2021, some sub-features remained under-implemented, including:

- Both Chrome and WebKit had issues with auto-height flex containers, leading to incorrectly sized images, which has now been resolved. {# TODO: Is this correct Brian? Added this to make it a sentence, as part of breaking up the list to allow the figures to be added #}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you check @bkardell


- Both Chrome and WebKit had issues with auto-height flex containers, leading to incorrectly sized images, which has now been resolved. {# TODO: Is this correct Brian? Added this to make it a sentence, as part of breaking up the list to allow the figures to be added #}

- CSS Box alignment defines several types of alignment. Among them [positional-alignment keyword values](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment#positional_alignment_keyword_values), which can be applied to justify-content and align-content and also to justify-self and align-self. These had ragged support and several interoperability issues. For absolute positioned flex items this was even worse. Again, these issues have been resolved. {# TODO: Again, is this correct Brian? Added this to make it a sentence, as part of breaking up the list to allow the figures to be added #}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And this

@tunetheweb tunetheweb changed the title 2022 Interop Chapter 2022 Interoperability Chapter Sep 25, 2022
@tunetheweb
Copy link
Member Author

Going to merge this. We can follow up with separate PR.

@tunetheweb tunetheweb merged commit 72e2d59 into main Sep 25, 2022
@tunetheweb tunetheweb deleted the interop-2022-chapter branch September 25, 2022 16:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
editing Content excellence writing Related to wording and content
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Interoperability 2022
3 participants