From a6f59c5382848880c178e99ab3f218d52113c6b5 Mon Sep 17 00:00:00 2001 From: John Riviello Date: Tue, 26 Nov 2024 17:06:10 -0500 Subject: [PATCH 1/3] Initial WIP for a table to visualize WMAS support updates year-to-year --- wmas-support-table.html | 178 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 178 insertions(+) create mode 100644 wmas-support-table.html diff --git a/wmas-support-table.html b/wmas-support-table.html new file mode 100644 index 0000000..93d69a7 --- /dev/null +++ b/wmas-support-table.html @@ -0,0 +1,178 @@ + + + + + Web Media API Snapshot - Support by Year + + + +
+
+

Web Media API Snapshot - Support by Year

+

This non-normative document attempts to visually capture which + APIs are specified in Section 3. Web Media APIs currently supported + on all platforms for each year the + Web Media API Snapshot + has been published. This should only be used as a guide and not a formal + reference. The annual snapshots themselves are the only formal, normative + reference.

+
+
+

Table Legend

+
    +
  • ! = exception(s) exist
    • +
  • + = note(s) exist
    • +
  • ✓ = API is included
    • +
  • Number/Year = the version/level of that specification
    • +
  • Date = Review Draft date of a Living Standard (either that version or a later one should be used)
    • +
+
+
+

Web Media API Snapshot Support Table

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
WMAS
2017		WMAS
2018		WMAS
2019		WMAS
2020		WMAS
2021		WMAS
2022		WMAS
2023		WMAS
2024
Core web specifications
DOMLiving Standard2 January 201918 June 201915 June 202021 June 202120 June 202219 June 2023
ECMAScript5.1672020 !2021 !2022 !2023 !2024 !
HTMLLiving Standard2 January 201918 June 201915 June 202017 January 2022 !+16 January 2023 !+15 January 2024 !+
CSS specifications
CSS Snapshot201720172018 +2018 +2018 +2018 +2018 +2023
Cascading Style Sheets2.12.12.12.12.12.12.12.1
CSS Style Attributes✓✓✓✓✓✓✓✓
+
+
+ + From 31f477808daa5ef202a4d4feb20b3e480f2781b8 Mon Sep 17 00:00:00 2001 From: John Riviello Date: Tue, 3 Dec 2024 16:57:11 -0500 Subject: [PATCH 2/3] continuing to work through the CSS section of the support table --- wmas-support-table.html | 247 +++++++++++++++++++++++++++++++++++++--- 1 file changed, 234 insertions(+), 13 deletions(-) diff --git a/wmas-support-table.html b/wmas-support-table.html index 93d69a7..6366b46 100644 --- a/wmas-support-table.html +++ b/wmas-support-table.html @@ -20,6 +20,11 @@ box-shadow: 0px 0px 18px 0px rgba(13,26,36,0.5); min-height: calc(100vh - 2em); } + #cta-logo { + float: right; + height: 44px; + margin-left: 1em; + } h1 { color: #005a9c; margin: 0 0 .1em; @@ -43,17 +48,32 @@ margin: 0; text-align: center; } + thead tr:first-child th:first-child { + border-width: 0 1px 1px 0; + } tbody th { text-align: left; } th:nth-child(even), td:nth-child(even) { + /* column zebra stripes */ background-color: #f2f6fa; } + tbody tr:nth-child(odd) { + /* row zebra stripes */ + background-color: #f7f7f7; + } + tbody tr:nth-child(odd) th:nth-child(even), tbody tr:nth-child(odd) td:nth-child(even) { + /* zebra stripe column/row intersection */ + background-color: #eaeef2; + } th.section { background-color: #d0e1ed; } abbr { text-decoration: none; + } + tbody abbr { + text-decoration: none; padding: 0 0.2em; cursor: help; } @@ -62,6 +82,7 @@
+

Web Media API Snapshot - Support by Year

This non-normative document attempts to visually capture which APIs are specified in Section 3. Web Media APIs currently supported @@ -87,14 +108,14 @@

Web Media API Snapshot Support Table

- WMAS
2017 - WMAS
2018 - WMAS
2019 - WMAS
2020 - WMAS
2021 - WMAS
2022 - WMAS
2023 - WMAS
2024 + WMAS
2017 + WMAS
2018 + WMAS
2019 + WMAS
2020 + WMAS
2021 + WMAS
2022 + WMAS
2023 + WMAS
2024 @@ -134,6 +155,8 @@

Web Media API Snapshot Support Table

16 January 2023 !+ 15 January 2024 !+ + + CSS specifications @@ -141,11 +164,11 @@

Web Media API Snapshot Support Table

CSS Snapshot 2017 2017 - 2018 + - 2018 + - 2018 + - 2018 + - 2018 + + 2018 + + 2018 + + 2018 + + 2018 + + 2018 + 2023 @@ -159,6 +182,204 @@

Web Media API Snapshot Support Table

2.1 2.1 + + Compositing and Blending + 1 + 1 + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Animations + 1 + 1 + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Backgrounds and Borders Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Basic User Interface Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Box Model Module + + + + + + + + 3 + + + CSS Cascading and Inheritance + 3 + 3 + 3 + 3 + 3 + 4 + 4 + 4 + + + CSS Color Module + 3 + 3 + 3 + 3 + 3 + 3 + 4 + 4 + + + CSS Conditional Rules Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Containment Module + + + + + + 1 + 1 + 1 + + + CSS Counter Styles + + + + + + + + 3 + + + CSS Custom Properties For Cascading Variables Module + + + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Easing Functionse + + + + 1 ! + 1 + 1 + 1 + 1 + + + CSS Flexible Box Layout Module + 1 + 1 + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Font Loading Module + + + + + 3 + 3 + 3 + 3 + + + CSS Fonts Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Grid Layout Module + + + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Images Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Logical Properties and Values + + + + + + 1 + 1 + 1 + CSS Style Attributes ✓ From bd0264e0d7fa541e9c5a33071febb70b64936d66 Mon Sep 17 00:00:00 2001 From: John Riviello Date: Wed, 11 Dec 2024 16:58:32 -0500 Subject: [PATCH 3/3] CSS specifications complete + some style updates --- wmas-support-table.html | 200 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 198 insertions(+), 2 deletions(-) diff --git a/wmas-support-table.html b/wmas-support-table.html index 6366b46..127dc3d 100644 --- a/wmas-support-table.html +++ b/wmas-support-table.html @@ -27,7 +27,7 @@ } h1 { color: #005a9c; - margin: 0 0 .1em; + margin: 0 0 0.75em; font-size: 220%; } h2 { @@ -41,6 +41,7 @@ } table { border-collapse: collapse; + position: relative; } th, td { border: 1px solid #ccc; @@ -50,10 +51,18 @@ } thead tr:first-child th:first-child { border-width: 0 1px 1px 0; + box-shadow: inset -3px -3px 5px 0px #ddd; } tbody th { text-align: left; } + thead th { + position: sticky; + top: 0; /* Don't forget this, required for the stickiness */ + background-color: #fff; + border-width: 0; + box-shadow: inset 0px 0px 0px 1px #ccc; + } th:nth-child(even), td:nth-child(even) { /* column zebra stripes */ background-color: #f2f6fa; @@ -304,7 +313,7 @@

Web Media API Snapshot Support Table

1 - CSS Easing Functionse + CSS Easing Functions @@ -380,6 +389,50 @@

Web Media API Snapshot Support Table

1 1 + + CSS Multi-column Layout Module + 1 + 1 + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Namespaces Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Scroll Snap Module + + + + 1 + 1 + 1 + 1 + 1 + + + CSS Shapes Module + + + + 1 + 1 + 1 + 1 + 1 + CSS Style Attributes ✓ @@ -391,6 +444,149 @@

Web Media API Snapshot Support Table

✓ ✓ + + CSS Syntax Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Text Decoration Module + + + + 3 ! + 3 ! + 3 + 3 + 3 + + + CSS Transforms Module + 1 + 1 + 1 + 1 + 1 ! + 1 ! + 1 ! + 1 ! + + + CSS Transitions + 1 + 1 + 1 + 1 + 1 + 1 + 1 + 1 + + + CSS Values and Units Module + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + CSS Will Change Module + + + + 1 + 1 + 1 + 1 + 1 + + + CSS Writing Modes + + 3 ! + 3 ! + 3 ! + 3 + 3 + 3 + 3 + + + CSSOM View Module + + ✓ + ✓ + ✓ + ✓ + ✓ + ✓ + ✓ + + + Filter Effects Module + + + 1 ! + 1 + 1 + 1 + 1 + 1 + + + Media Queries + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 4 + + + + Resize Observer + + + + + + ✓ + ✓ + ✓ + + + Selectors + 3 + 3 + 3 + 3 + 3 + 3 + 3 + 3 + + + Web Animations + + + + + + ✓ + ✓ + ✓ +