diff --git a/.eleventy.js b/.eleventy.js
new file mode 100644
index 0000000000..94329a00d3
--- /dev/null
+++ b/.eleventy.js
@@ -0,0 +1,397 @@
+const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
+
+const BROWSERS = [
+  "chrome",
+  "chrome_android",
+  "edge",
+  "firefox",
+  "firefox_android",
+  "safari",
+  "safari_ios",
+];
+
+const MDN_URL_ROOT = "https://developer.mozilla.org/docs/web/";
+
+function processMdnPath(path, area) {
+  if (area === "api") {
+    return path.replace(/\//g, ".");
+  }
+
+  if (area === "html") {
+    if (path.startsWith("Global_attributes/")) {
+      return path.substring("Global_attributes/".length) + " global attribute";
+    }
+
+    if (path.startsWith("Element/")) {
+      const attribute = path.includes("#") ? path.substring(path.indexOf("#") + 1) : null;
+      if (attribute) {
+        return `<${path.substring("Element/".length, path.indexOf("#"))} ${attribute}> attribute`;
+      } else {
+        return `<${path.substring("Element/".length)}> element`;
+      }
+    }
+
+    if (path.toLowerCase().startsWith("attributes/") && path.split("/").length === 3) {
+      const [_, attr, value] = path.split("/");
+      return `${attr}="${value}" attribute`;
+    }
+  }
+
+  if (area === "css") {
+    if (path.startsWith("color_value/")) {
+      return `${path.substring("color_value/".length)} color value`;
+    } else if (path.startsWith("gradient/")) {
+      return `${path.substring("gradient/".length)}() gradient function`;
+    } else if (path.startsWith("::")) {
+      return `${path} pseudo-element`;
+    } else if (path.startsWith(":")) {
+      return `${path} pseudo-class`;
+    } else if (path.startsWith("transform-function/")) {
+      return `${path.substring("transform-function/".length)}() function`;
+    } else if (path.includes("#")) {
+      const [property, value] = path.split("#");
+      return `${property}: ${value}; declaration`;
+    } else {
+      return `${path} property`;
+    }
+  }
+
+  if (area === "javascript") {
+    if (path.toLowerCase().startsWith("reference/global_objects/")) {
+      const object = path.substring("reference/global_objects/".length);
+      if (object.includes("/")) {
+        return object.replace(/\//g, ".");
+      } else {
+        return `${object} global object`;
+      }
+    }
+
+    if (path.toLowerCase().startsWith("reference/operators/")) {
+      return `${path.substring("reference/operators/".length)} operator`;
+    }
+     
+    if (path.toLowerCase().startsWith("reference/statements/")) {
+      return `${path.substring("reference/statements/".length)} statement`;
+    }
+  }
+
+  return path;
+}
+
+function processMdnUrl(url) {
+  let path = url.substring(MDN_URL_ROOT.length);
+  const area = path.split("/")[0].toLowerCase();
+  path = path.substring(area.length + 1);
+  const title = processMdnPath(path, area);
+  return { title, url, area }
+}
+
+// Add more data to a feature's object, based on what our templates need.
+function augmentFeatureData(id, feature, bcd) {
+  // Add the id.
+  feature.id = id;
+
+  // Make the spec always an array.
+  if (!feature.spec) {
+    feature.spec = [];
+  } else if (!Array.isArray(feature.spec)) {
+    feature.spec = [feature.spec];
+  }
+
+  const bcdKeysData = (feature.compat_features || []).map(key => {
+    // Find the BCD entry for this key.
+    const keyParts = key.split(".");
+    let data = bcd;
+    for (const part of keyParts) {
+      data = data[part];
+    }
+
+    return data && data.__compat ? { key, compat: data.__compat } : null;
+  }).filter(data => !!data);
+
+  // Add MDN doc links, if any.
+  const mdnUrls = {};
+  let hasMdnUrls = false;
+  for (const { compat } of bcdKeysData) {
+    if (compat.mdn_url) {
+      const urlData = processMdnUrl(compat.mdn_url);
+      if (!mdnUrls[urlData.area]) {
+        mdnUrls[urlData.area] = [];
+      }
+      hasMdnUrls = true;
+      mdnUrls[urlData.area].push(urlData);
+    }
+  }
+
+  feature.mdnUrls = mdnUrls;
+  feature.hasMdnUrls = hasMdnUrls;
+
+  // Add the BCD data to the feature.
+  feature.bcdData = bcdKeysData;
+  
+  // Add impl_url links, if any, per browser.
+  const browserImplUrls = Object.values(BROWSERS).reduce((acc, browser) => {
+    acc[browser] = [];
+    return acc;
+  }, {});
+
+  for (const { compat } of bcdKeysData) {
+    for (const browser of BROWSERS) {
+      const browserSupport = compat.support[browser];
+      if (!browserSupport.version_added && browserSupport.impl_url) {
+        browserImplUrls[browser] = [...new Set([...browserImplUrls[browser], browserSupport.impl_url])];
+      }
+    }
+  }
+
+  feature.implUrls = browserImplUrls;
+}
+
+let features = null;
+let bcd = null;
+
+async function getDeps() {
+  if (!features) {
+    const module = await import("web-features");
+    features = module.default;
+  }
+
+  if (!bcd) {
+    const json = await import("@mdn/browser-compat-data", {
+      assert: { type: "json" },
+    });
+    bcd = json.default;
+  }
+
+  return { features, bcd };
+}
+
+module.exports = function (eleventyConfig) {
+  eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
+  eleventyConfig.addPassthroughCopy("site/assets");
+
+  eleventyConfig.addGlobalData("versions", async () => {
+    const { default: webFeaturesPackageJson } = await import("./node_modules/web-features/package.json", {
+      assert: { type: "json" },
+    });
+
+    const { bcd } = await getDeps();
+
+    return {
+      "date": (new Date()).toLocaleDateString(),
+      "webFeatures": webFeaturesPackageJson.version,
+      "bcd": bcd.__meta.version
+    };
+  });
+
+  // FIXME: Ideally, web-features would have this data.
+  eleventyConfig.addGlobalData("browsers", async () => {
+    const { bcd } = await getDeps();
+
+    return BROWSERS.map(browser => {
+      return {
+        id: browser,
+        name: bcd.browsers[browser].name,
+        releases: bcd.browsers[browser].releases
+      };
+    });
+  });
+
+  eleventyConfig.addGlobalData("perMonth", async () => {
+    const { features, bcd } = await getDeps();
+
+    const monthly = new Map();
+
+    for (const id in features) {
+      const feature = features[id];
+      augmentFeatureData(id, feature, bcd);
+
+      if (feature.status.baseline === "high") {
+        // If this is a baseline high feature.
+        const yearMonth = feature.status.baseline_high_date.substring(0, 7);
+        if (!monthly.has(yearMonth)) {
+          monthly.set(yearMonth, {});
+        }
+        if (!monthly.get(yearMonth).high) {
+          monthly.get(yearMonth).high = [];
+        }
+        monthly.get(yearMonth).high.push(feature);
+      } else if (feature.status.baseline === "low") {
+        // If this is a baseline low feature.
+        const yearMonth = feature.status.baseline_low_date.substring(0, 7);
+        if (!monthly.has(yearMonth)) {
+          monthly.set(yearMonth, {});
+        }
+        if (!monthly.get(yearMonth).low) {
+          monthly.get(yearMonth).low = [];
+        }
+        monthly.get(yearMonth).low.push(feature);
+      } else {
+        // This is not a baseline feature, check each supported browser's release dates.
+        for (const browser of BROWSERS) {
+          const version = feature.status.support[browser];
+          if (version) {
+            const browserReleaseYearMonth = bcd.browsers[browser].releases[version].release_date.substring(0, 7);
+            if (!monthly.has(browserReleaseYearMonth)) {
+              monthly.set(browserReleaseYearMonth, {});
+            }
+            if (!monthly.get(browserReleaseYearMonth)[browser]) {
+              monthly.get(browserReleaseYearMonth)[browser] = [];
+            }
+            monthly.get(browserReleaseYearMonth)[browser].push(feature);
+          }
+        }
+      }
+    }
+
+    return [...monthly].sort((a, b) => {
+      return (new Date(b[0])) - (new Date(a[0]));
+    });
+  });
+
+  eleventyConfig.addGlobalData("allFeatures", async () => {
+    const { features, bcd } = await getDeps();
+
+    const all = [];
+
+    for (const id in features) {
+      const feature = features[id];
+      augmentFeatureData(id, feature, bcd);
+      all.push(feature);
+    }
+
+    return all;
+  });
+
+  eleventyConfig.addGlobalData("baselineFeatures", async () => {
+    const { features, bcd } = await getDeps();
+
+    const baseline = [];
+
+    for (const id in features) {
+      const feature = features[id];
+
+      // Baseline features only.
+      if (feature.status.baseline === "high") {
+        augmentFeatureData(id, feature, bcd);
+        baseline.push(feature);
+      }
+    }
+
+    return baseline.sort((a, b) => {
+      // Sort by baseline_high_date, descending, so the most recent is first.
+      return new Date(b.status.baseline_high_date) - new Date(a.status.baseline_high_date);
+    });
+  });
+
+  eleventyConfig.addGlobalData("nonBaselineFeatures", async () => {
+    const { features, bcd } = await getDeps();
+
+    const nonBaseline = [];
+
+    for (const id in features) {
+      const feature = features[id];
+
+      // Non-baseline features only.
+      if (!feature.status.baseline) {
+        augmentFeatureData(id, feature, bcd);
+        nonBaseline.push(feature);
+      }
+    }
+
+    return nonBaseline;
+  });
+
+  eleventyConfig.addGlobalData("recentBaselineFeatures", async () => {
+    const { features, bcd } = await getDeps();
+
+    const recentBaseline = [];
+
+    for (const id in features) {
+      const feature = features[id];
+      augmentFeatureData(id, feature, bcd);
+
+      // Only baseline low.
+      if (feature.status.baseline === "low") {
+        recentBaseline.push(feature);
+      }
+    }
+
+    return recentBaseline.sort((a, b) => {
+      // Sort by baseline_low_date, descending, so the most recent is first.
+      return new Date(b.status.baseline_low_date) - new Date(a.status.baseline_low_date);
+    });
+  });
+
+  eleventyConfig.addGlobalData("missingOneBrowserFeatures", async () => {
+    const { features, bcd } = await getDeps();
+
+    const missingOne = [];
+
+    for (const id in features) {
+      const feature = features[id];
+      augmentFeatureData(id, feature, bcd);
+
+      // Only non-baseline features.
+      if (!feature.status.baseline) {
+        // And, out of those, only those that are missing support in just one browser (engine).
+        const noSupport = [];
+        for (const { id: browserId } of BROWSERS) {
+          if (!feature.status.support[browserId]) {
+            noSupport.push(browserId);
+          }
+        }
+
+        if (noSupport.length === 1) {
+          missingOne.push(feature);
+        }
+
+        if (noSupport.length === 2) {
+          // If one of the two values is a substring of the other, then these are the same engine.
+          const [first, second] = noSupport;
+          if (first.includes(second) || second.includes(first)) {
+            missingOne.push(feature);
+          }
+        }
+      }
+    }
+
+    return missingOne;
+  });
+
+  eleventyConfig.addGlobalData("missingInEdgeFeatures", async () => {
+    const { features, bcd } = await getDeps();
+
+    const missingInEdge = [];
+
+    for (const id in features) {
+      const feature = features[id];
+      augmentFeatureData(id, feature, bcd);
+
+      // Only non-baseline features.
+      if (!feature.status.baseline) {
+        // And, out of those, only those that are missing support in just Edge.
+        const noSupport = [];
+        for (const { id: browserId } of BROWSERS) {
+          if (!feature.status.support[browserId]) {
+            noSupport.push(browserId);
+          }
+        }
+
+        if (noSupport.length === 1 && noSupport[0] === "edge") {
+          missingInEdge.push(feature);
+        }
+      }
+    }
+
+    return missingInEdge;
+  });
+
+  return {
+    dir: {
+      input: "site",
+      output: "docs",
+    },
+    pathPrefix: "/web-features-explorer/",
+  };
+};
diff --git a/.github/workflows/generate-site.yaml b/.github/workflows/generate-site.yaml
new file mode 100644
index 0000000000..7c08070579
--- /dev/null
+++ b/.github/workflows/generate-site.yaml
@@ -0,0 +1,31 @@
+name: Generate site
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 0 * * *'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check-out the repository
+        uses: actions/checkout@v2
+
+      - name: Install dependency updates
+        run: |
+          npx npm-check-updates -u
+          npm install
+          npm update web-features
+
+      - name: Generate site
+        run: npm run build
+
+      - name: Commit dependency changes
+        run: |
+          git config --local user.email "${{ github.actor }}@users.noreply.github.com"
+          git config --local user.name "${{ github.actor }}"
+          git add .
+          git commit -m "Bump deps and update site" --allow-empty
+          git push origin main
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000..3c3629e647
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/README.md b/README.md
new file mode 100644
index 0000000000..70045a8dda
--- /dev/null
+++ b/README.md
@@ -0,0 +1,52 @@
+# web-features explorer
+
+A website to visualize the data that's maintained in the [web-platform-dx/web-features](https://github.com/web-platform-dx/web-features/) repository.
+
+Open the website: https://web-platform-dx.github.io/web-features-explorer/
+
+## Goal
+
+* To visualize the web-features data.
+* To provide a way to explore the data in a more user-friendly way.
+* To test various use cases that consumers of this data have.
+* To detect issues in the data.
+
+## Architecture
+
+### Data
+
+The data that the website is based on comes from the [web-features](https://www.npmjs.com/package/web-features) npm package, by using its **next** version (which always provide the data from the latest commit on the web-features repo).
+
+In addition, the [@mdn/browser-compat-data](https://www.npmjs.com/package/browser-compat-data) npm package is used to get various other pieces of information, such as links to MDN documentation and links to bug trackers.
+
+To ensure you have the latest data:
+
+1. Run `npx npm-check-updates -u`
+
+1. Run `npm update web-features`
+
+### Build
+
+The website consists of static HTML pages and uses a build script to generate those HTML pages from the data.
+
+The template files, from which the static HTML pages get generated, use the [11ty](https://www.11ty.dev/) static website generator. The template files are found in the `site` directory.
+
+The result of the build script is found in the `docs` directory, which is the directory that GitHub Pages uses to serve the website (see [Deployement](#deployment)).
+
+To re-generate the website, after updating the data:
+
+1. Run `npm install`
+
+1. Run `npm run build` to generate the site
+   
+   You can also run `npm run serve` to start a local server and watch for changes
+
+### Deployment
+
+The website is deployed to production using [GitHub Pages](https://pages.github.com/).
+
+The static HTML pages are generated into the `docs` directory, which is the directory that GitHub Pages uses by default to serve the website.
+
+### Automatic updates
+
+The website is automatically updated every day by using a GitHub Actions script found in `.github/workflows/generate-site.yaml`. This action updates the dependencies, runs the build script, and pushes the changes to the `main` branch, which then triggers the deployment to GitHub Pages.
diff --git a/docs/all/index.html b/docs/all/index.html
new file mode 100644
index 0000000000..d5c431a915
--- /dev/null
+++ b/docs/all/index.html
@@ -0,0 +1,23174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>All features</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>All features</h1>
+
+<ul class="features">
+  
+    <li>
+      <div id="abortable-fetch" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>Abortable fetch</h2>
+  <p>If you construct a fetch request with an <code>AbortSignal</code>, you can cancel the request.</p>
+  <p><strong><a href="/web-features-explorer/features/abortable-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="aborting" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>AbortController and AbortSignal</h2>
+  <p>The <code>AbortController</code> and <code>AbortSignal</code> APIs allow you to cancel an ongoing operation, such as a <code>fetch()</code> request.</p>
+  <p><strong><a href="/web-features-explorer/features/aborting/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="abortsignal-any" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+
+  <h2>AbortSignal.any()</h2>
+  <p>The <code>AbortSignal.any()</code> static method combines an iterable of abort signals into a single signal, with the abort reason taken from the first signal to abort.</p>
+  <p><strong><a href="/web-features-explorer/features/abortsignal-any/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="abs-sign" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>abs() and sign()</h2>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  <p><strong><a href="/web-features-explorer/features/abs-sign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="accent-color" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>accent-color</h2>
+  <p>The <code>accent-color</code> CSS property sets a color for checkboxes, radio buttons, and other form controls.</p>
+  <p><strong><a href="/web-features-explorer/features/accent-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="anchor-positioning" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Anchor positioning</h2>
+  <p>Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.</p>
+  <p><strong><a href="/web-features-explorer/features/anchor-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="animation-composition" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+
+  <h2>animation-composition</h2>
+  <p>The <code>animation-composition</code> CSS property chooses how to combine animations that affect the same property.</p>
+  <p><strong><a href="/web-features-explorer/features/animation-composition/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="appearance" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>appearance</h2>
+  <p>The <code>appearance</code> CSS property controls the appearance of form controls. Using <code>appearance: none</code> disables any default native appearance and allows the elements to be styled with CSS.</p>
+  <p><strong><a href="/web-features-explorer/features/appearance/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="aria-attribute-reflection" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+
+  <h2>ARIA attribute reflection</h2>
+  <p>WAI-ARIA attributes have corresponding properties on <code>Element</code> and <code>ElementInternals</code> objects.</p>
+  <p><strong><a href="/web-features-explorer/features/aria-attribute-reflection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array (initial support)</h2>
+  <p>Arrays are ordered lists of JavaScript values.</p>
+  <p><strong><a href="/web-features-explorer/features/array/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-at" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Array at()</h2>
+  <p>The <code>at()</code> method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method.</p>
+  <p><strong><a href="/web-features-explorer/features/array-at/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-by-copy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+
+  <h2>Array by copy</h2>
+  <p>The <code>toReserved()</code>, <code>toSorted()</code>, <code>toSpliced()</code>, and <code>with()</code> methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such as <code>sort()</code> or <code>reverse()</code> that change arrays in place.</p>
+  <p><strong><a href="/web-features-explorer/features/array-by-copy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-copywithin" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array copyWithin()</h2>
+  <p>The <code>copyWithin()</code> method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length.</p>
+  <p><strong><a href="/web-features-explorer/features/array-copywithin/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-fill" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+
+  <h2>Array fill()</h2>
+  <p>The <code>fill()</code> method of arrays and typed arrays sets all or some items of an array to a given a value.</p>
+  <p><strong><a href="/web-features-explorer/features/array-fill/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-find" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+
+  <h2>Array find() and findIndex()</h2>
+  <p>The <code>find()</code> and <code>findIndex()</code> methods of arrays and typed arrays search an array for the first item that satisfies a test function.</p>
+  <p><strong><a href="/web-features-explorer/features/array-find/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-findlast" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-23 (baseline low)
+  
+</div>
+
+  <h2>Array findLast() and findLastIndex()</h2>
+  <p>The <code>findLast()</code> and <code>findLastIndex()</code> methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function.</p>
+  <p><strong><a href="/web-features-explorer/features/array-findlast/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-flat" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Array flat() and flatMap()</h2>
+  <p>The <code>flat()</code> and <code>flatMap()</code> methods for arrays creates a new array such that each nested array item is concatenated into it.</p>
+  <p><strong><a href="/web-features-explorer/features/array-flat/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-from" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array.from()</h2>
+  <p>The <code>Array.from()</code> and typed array <code>.from()</code> static methods copy items from an iterable or array-like object to make a new array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-from/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-fromasync" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-25 (baseline low)
+  
+</div>
+
+  <h2>Array.fromAsync()</h2>
+  <p>The <code>Array.fromAsync()</code> static method copies items from an async iterable object to make a new array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-fromasync/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-group" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Array grouping</h2>
+  <p>The <code>Object.groupBy()</code> and <code>Map.groupBy()</code> static methods group values of arrays and iterables based on a function that returns a key for each value.</p>
+  <p><strong><a href="/web-features-explorer/features/array-group/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-includes" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-06-01 (baseline high)
+</div>
+
+  <h2>Array includes()</h2>
+  <p>The <code>includes()</code> method of arrays and typed arrays returns whether a given value appears in the array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-includes/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-isarray" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array.isArray()</h2>
+  <p>The <code>Array.isArray()</code> static method checks whether a value is an array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-isarray/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-iteration-methods" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array iteration methods</h2>
+  <p>Array iteration methods</p>
+  <p><strong><a href="/web-features-explorer/features/array-iteration-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2009-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-iterators" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>Array iterators</h2>
+  <p>Arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/array-iterators/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-of" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array.of()</h2>
+  <p>The <code>Array.of()</code> and typed array <code>.of()</code> static methods create new arrays from the values of any number of arguments.</p>
+  <p><strong><a href="/web-features-explorer/features/array-of/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-splice" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array splice()</h2>
+  <p>The array <code>splice()</code> method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index.</p>
+  <p><strong><a href="/web-features-explorer/features/array-splice/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="aspect-ratio" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-03-20 (baseline high)
+</div>
+
+  <h2>aspect-ratio</h2>
+  <p>The <code>aspect-ratio</code> CSS property controls the width-to-height ratio of elements. For <code>&#x3C;img></code> and <code>&#x3C;video></code> elements, the <code>width</code> and <code>height</code> attributes used together with <code>height: auto</code> control the aspect ratio while the image/video is loading.</p>
+  <p><strong><a href="/web-features-explorer/features/aspect-ratio/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="async-await" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+
+  <h2>Async functions</h2>
+  <p>The <code>async</code> and <code>await</code> keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains.</p>
+  <p><strong><a href="/web-features-explorer/features/async-await/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="async-clipboard" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Async clipboard</h2>
+  <p>The <code>navigator.clipboard</code> API asynchronously reads and writes to the system clipboard.</p>
+  <p><strong><a href="/web-features-explorer/features/async-clipboard/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="audio-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio session</h2>
+  <p>The <code>navigator.audioSession</code> API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="audio-video-tracks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio and video tracks</h2>
+  <p>The <code>audioTracks</code> and <code>videoTracks</code> APIs for media elements switch audio and video tracks during playback.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-video-tracks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="autofill" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-09 (baseline low)
+  
+</div>
+
+  <h2>:autofill</h2>
+  <p>The <code>:autofill</code> pseudo-class matches <code>&#x3C;input></code> elements that have been filled in automatically by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/autofill/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="autofocus" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Autofocus</h2>
+  <p>The <code>autofocus</code> HTML attribute gives focus to an element on page load.</p>
+  <p><strong><a href="/web-features-explorer/features/autofocus/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="autonomous-custom-elements" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Autonomous custom elements</h2>
+  <p>Autonomous custom elements are HTML elements with a hyphenated tag name (like <code>&#x3C;example-element></code>) that have behaviors you define.</p>
+  <p><strong><a href="/web-features-explorer/features/autonomous-custom-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="avif" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-26 (baseline low)
+  
+</div>
+
+  <h2>AVIF</h2>
+  <p>AVIF (AV1 Image File Format) is an image format based on the AV1 video format.</p>
+  <p><strong><a href="/web-features-explorer/features/avif/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="background-clip" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>background-clip</h2>
+  <p>The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.</p>
+  <p><strong><a href="/web-features-explorer/features/background-clip/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="background-clip-text" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>background-clip: text</h2>
+  <p>The <code>background-clip: text</code> CSS declaration draws the background underneath only the text in the element.</p>
+  <p><strong><a href="/web-features-explorer/features/background-clip-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="background-fetch" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Background fetch</h2>
+  <p>Background fetch downloads data in the background even when the web page is closed.</p>
+  <p><strong><a href="/web-features-explorer/features/background-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="bigint" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>BigInt</h2>
+  <p>The <code>BigInt</code> JavaScript type represents integers of any size, including integers too large for the primitive <code>Number</code> type.</p>
+  <p><strong><a href="/web-features-explorer/features/bigint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="blocking-render" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>blocking=&quot;render&quot;</h2>
+  <p>The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/blocking-render/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="border-image" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-08-01 (baseline high)
+</div>
+
+  <h2>Border images</h2>
+  <p>The <code>border-image</code> CSS property draws an image around an element.</p>
+  <p><strong><a href="/web-features-explorer/features/border-image/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="broadcast-channel" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>BroadcastChannel</h2>
+  <p>The <code>BroadcastChannel</code> API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.</p>
+  <p><strong><a href="/web-features-explorer/features/broadcast-channel/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="calc" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>calc()</h2>
+  <p>The <code>calc()</code> CSS function computes mathematical expressions such a <code>calc(100%/3 - 1em)</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/calc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">28</span>
+        <span class="date">Released on 2013-07-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="calc-constants" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>calc() constants</h2>
+  <p>The <code>e</code>, <code>pi</code>, <code>infinity</code>, and <code>NaN</code> constants are accepted in CSS math functions such as <code>calc()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/calc-constants/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-createconicgradient" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas createConicGradient()</h2>
+  <p>The <code>createConicGradient()</code> methods draw a conic gradient to a 2D canvas.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-createconicgradient/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-reset" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas reset()</h2>
+  <p>The <code>reset()</code> method clears a canvas to its initial state.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-reset/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-roundrect" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas roundRect()</h2>
+  <p>The <code>roundRect()</code> methods draw a rounded rectangle to a 2D canvas.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-roundrect/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-text" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Canvas text metrics</h2>
+  <p>The <code>fillText()</code> and  <code>strokeText()</code> methods draw text to a 2D canvas. The <code>measureText()</code> method measures the width and other metrics which can be used to position the text.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2009-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-text-baselines" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+
+  <h2>Canvas text baselines</h2>
+  <p>The <code>alphabeticBaseline</code>, <code>hangingBaseline</code>, and <code>ideographicBaseline</code> canvas text metrics measure the distance from the used <code>textBaseline</code> to the respective typographic baseline.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-text-baselines/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="cap" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>cap unit</h2>
+  <p>The CSS <code>cap</code> unit corresponds to the height of Latin capital letters.</p>
+  <p><strong><a href="/web-features-explorer/features/cap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="cascade-layers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Cascade layers</h2>
+  <p>The <code>@layer</code> CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.</p>
+  <p><strong><a href="/web-features-explorer/features/cascade-layers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="check-visibility" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>checkVisibility()</h2>
+  <p>The <code>checkVisibility()</code> method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the style <code>display: none</code>, but can also check for <code>visibility: hidden</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/check-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="class-syntax" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+
+  <h2>Classes</h2>
+  <p>Classes are an object-oriented syntax for JavaScript prototypes.</p>
+  <p><strong><a href="/web-features-explorer/features/class-syntax/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="clipboard-supports" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>ClipboardItem.supports()</h2>
+  <p>The <code>ClipboardItem.supports()</code> static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.</p>
+  <p><strong><a href="/web-features-explorer/features/clipboard-supports/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="color-function" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>color()</h2>
+  <p>The <code>color()</code> function defines a color within a given color space. Wide gamut color spaces like <code>display-p3</code> allow showing more vibrant and saturated colors than the standard <code>srgb</code> color space.</p>
+  <p><strong><a href="/web-features-explorer/features/color-function/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="color-mix" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>color-mix()</h2>
+  <p>The <code>color-mix()</code> function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.</p>
+  <p><strong><a href="/web-features-explorer/features/color-mix/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="color-scheme" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-02-03 (baseline low)
+  
+</div>
+
+  <h2>color-scheme</h2>
+  <p>The <code>color-scheme</code> CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/color-scheme/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="column-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Column breaks</h2>
+  <p>In columnar layouts (created by the <code>columns</code> or <code>column-count</code> CSS properties), the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> properties control where columns start or end.</p>
+  <p><strong><a href="/web-features-explorer/features/column-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="compression-streams" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Compression streams</h2>
+  <p>The <code>CompressionStream</code> and <code>DecompressionStream</code> interfaces compress and decompress data using the gzip or deflate formats.</p>
+  <p><strong><a href="/web-features-explorer/features/compression-streams/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="compute-pressure" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CPU compute pressure</h2>
+  <p>The <code>PressureObserver</code> API monitors CPU load, allowing you to adjust workloads in response to available computing resources. Also known as the Compute Pressure API.</p>
+  <p><strong><a href="/web-features-explorer/features/compute-pressure/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="conic-gradients" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-05-17 (baseline high)
+</div>
+
+  <h2>Conic gradients</h2>
+  <p>The <code>conic-gradient()</code> and <code>repeating-conic-gradient()</code> CSS functions create backgrounds that progress between two or more colors around a center point.</p>
+  <p><strong><a href="/web-features-explorer/features/conic-gradients/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="constraint-validation" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-06-11 (baseline high)
+</div>
+
+  <h2>Constraint validation API</h2>
+  <p>Methods that validate form controls before submission, such as <code>checkValidity()</code>, <code>reportValidity()</code> and <code>setCustomValidity()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/constraint-validation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="constructed-stylesheets" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Constructed stylesheets</h2>
+  <p>The <code>CSSStyleSheet</code> constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using <code>adoptedStyleSheets</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/constructed-stylesheets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="contain-intrinsic-size" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>contain-intrinsic-size</h2>
+  <p>The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will layout the element as if it had a single child of this size.</p>
+  <p><strong><a href="/web-features-explorer/features/contain-intrinsic-size/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="container-queries" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-14 (baseline low)
+  
+</div>
+
+  <h2>Container queries</h2>
+  <p>Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="container-style-queries" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Container style queries</h2>
+  <p>Container style queries with the <code>@container</code> at-rule apply styles to an element based on the values of custom properties of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-style-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="controls-list" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>controlslist</h2>
+  <p>The <code>controlslist</code> attribute for <code>&#x3C;audio></code> or <code>&#x3C;video></code> hides parts of the browser's built-in controls. For example, <code>controlslist="nofullscreen"</code> removes the button to play the video in fullscreen.</p>
+  <p><strong><a href="/web-features-explorer/features/controls-list/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="counter-set" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>counter-set</h2>
+  <p>The <code>counter-set</code> CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.</p>
+  <p><strong><a href="/web-features-explorer/features/counter-set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="counter-style" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>@counter-style</h2>
+  <p>The <code>@counter-style</code> CSS at-rule defines custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.</p>
+  <p><strong><a href="/web-features-explorer/features/counter-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="css-modules" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CSS module scripts</h2>
+  <p>CSS module scripts allow CSS code to be organized into reusable units. Other modules use <code>import ... with {type: "css"}</code> to load CSS modules as constructable stylesheets.</p>
+  <p><strong><a href="/web-features-explorer/features/css-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="custom-properties" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+
+  <h2>Custom properties</h2>
+  <p>Custom properties are CSS properties prefixed with <code>--</code> that set values you can reuse with the <code>var()</code> function. For example, you can set a <code>--key-color</code> property to reuse as <code>border-color: var(--key-color)</code>. Also known as CSS variables.</p>
+  <p><strong><a href="/web-features-explorer/features/custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-09</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="declarative-shadow-dom" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-02-20 (baseline low)
+  
+</div>
+
+  <h2>Declarative shadow DOM</h2>
+  <p>The <code>shadowrootmode</code> attribute on <code>&#x3C;template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p>
+  <p><strong><a href="/web-features-explorer/features/declarative-shadow-dom/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="default" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>:default</h2>
+  <p>The <code>:default</code> CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the <code>checked</code> attribute.</p>
+  <p><strong><a href="/web-features-explorer/features/default/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2011-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="details" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>&lt;details&gt;</h2>
+  <p>The <code>&#x3C;details></code> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <code>&#x3C;summary></code> element is visible.</p>
+  <p><strong><a href="/web-features-explorer/features/details/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2011-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="device-orientation-events" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>Device orientation events</h2>
+  <p>The <code>DeviceMotion</code> and <code>DeviceOrientation</code> events report the movement and orientation of the browser's device in physical space.</p>
+  <p><strong><a href="/web-features-explorer/features/device-orientation-events/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="device-posture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Device posture</h2>
+  <p>The device posture API provides information about the physical posture of a device, such as whether a foldable device is folded or unfolded.</p>
+  <p><strong><a href="/web-features-explorer/features/device-posture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="dialog" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>&lt;dialog&gt;</h2>
+  <p>The <code>&#x3C;dialog></code> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.</p>
+  <p><strong><a href="/web-features-explorer/features/dialog/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="dir-pseudo" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>:dir()</h2>
+  <p>The <code>:dir()</code> CSS functional pseudo-class matches elements by text direction, either right to left (<code>rtl</code>) or left to right (<code>ltr</code>).</p>
+  <p><strong><a href="/web-features-explorer/features/dir-pseudo/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="dirname" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-01 (baseline low)
+  
+</div>
+
+  <h2>dirname</h2>
+  <p>The <code>dirname</code> attribute of <code>&#x3C;textarea></code> and <code>&#x3C;input></code> HTML elements includes the field's writing direction as form data on submission.</p>
+  <p><strong><a href="/web-features-explorer/features/dirname/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2012-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="display-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>display animation</h2>
+  <p>You can animate elements between <code>display: none</code> and any other <code>display</code> value or animate between <code>content-visibility: hidden</code> and any other <code>content-visibility</code> value. This also applies to transitions.</p>
+  <p><strong><a href="/web-features-explorer/features/display-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="document-picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Document picture-in-picture</h2>
+  <p>The document picture-in-picture API creates an always-on-top window from arbitrary HTML content.</p>
+  <p><strong><a href="/web-features-explorer/features/document-picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="edit-context" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>EditContext</h2>
+  <p>The <code>EditContext</code> API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.</p>
+  <p><strong><a href="/web-features-explorer/features/edit-context/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="exp-functions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>pow(), sqrt(), hypot(), log(), and exp()</h2>
+  <p>The <code>pow()</code>, <code>sqrt()</code>, <code>hypot()</code>, <code>log()</code>, and <code>exp()</code> CSS functions compute various exponential functions.</p>
+  <p><strong><a href="/web-features-explorer/features/exp-functions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="eyedropper" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Eyedropper</h2>
+  <p>The <code>EyeDropper</code> API opens an eyedropper tool, a color picker that allows users to select a color from their screen.</p>
+  <p><strong><a href="/web-features-explorer/features/eyedropper/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fast-seek" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>fastSeek()</h2>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  <p><strong><a href="/web-features-explorer/features/fast-seek/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fetch" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+
+  <h2>Fetch (initial support)</h2>
+  <p>The <code>fetch()</code> method makes asynchronous HTTP requests.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fetch-metadata" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Fetch metadata request headers</h2>
+  <p>The <code>Sec-Fetch-Dest</code>, <code>Sec-Fetch-Mode, </code>Sec-Fetch-Site<code>, and </code>Sec-Fetch-User` HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-metadata/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="field-sizing" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>field-sizing</h2>
+  <p>The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/field-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="flexbox" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-22 (baseline high)
+</div>
+
+  <h2>Flexbox</h2>
+  <p>Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.</p>
+  <p><strong><a href="/web-features-explorer/features/flexbox/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="flexbox-gap" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-10-26 (baseline high)
+</div>
+
+  <h2>Flexbox gap</h2>
+  <p>The <code>gap</code> CSS property in a flexbox layout sets the size of the space between items.</p>
+  <p><strong><a href="/web-features-explorer/features/flexbox-gap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="focus-visible" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>:focus-visible</h2>
+  <p>The <code>:focus-visible</code> CSS pseudo-class selects elements that match the <code>:focus</code> pseudo-class and meets the browser's criteria for visually emphasizing focused elements.</p>
+  <p><strong><a href="/web-features-explorer/features/focus-visible/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-face" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>@font-face</h2>
+  <p>The <code>@font-face</code> CSS at-rule creates a custom <code>font-family</code> value. The at-rule's descriptors set the font's name, source, and various display settings.</p>
+  <p><strong><a href="/web-features-explorer/features/font-face/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-optical-sizing" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-06-17 (baseline high)
+</div>
+
+  <h2>font-optical-sizing</h2>
+  <p>The <code>font-optical-sizing</code> CSS property sets whether text rendering is optimized for viewing at different sizes.</p>
+  <p><strong><a href="/web-features-explorer/features/font-optical-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-palette" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-11-15 (baseline low)
+  
+</div>
+
+  <h2>font-palette</h2>
+  <p>The <code>font-palette</code> CSS property selects a color palette from the font, optionally overriding individual colors in the <code>@font-palette-values</code> at-rule.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-palette-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-palette animation</h2>
+  <p>You can animate color fonts between two <code>font-palette</code> values.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-size-adjust" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-size-adjust</h2>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  <p><strong><a href="/web-features-explorer/features/font-size-adjust/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-01-06 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis</h2>
+  <p>The <code>font-synthesis</code> CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as <code>font-synthesis-style</code> and <code>font-synthesis-weight</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-position" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-synthesis-position</h2>
+  <p>The <code>font-synthesis-position</code> CSS property sets whether or not the browser should synthesize subscript and superscript typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-position/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-small-caps" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-small-caps</h2>
+  <p>The <code>font-synthesis-small-caps</code> CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-small-caps/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-style" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-style</h2>
+  <p>The <code>font-synthesis-style</code> CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-weight" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-weight</h2>
+  <p>The <code>font-synthesis-weight</code> CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-weight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-variant-alternates" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+
+  <h2>font-variant-alternates</h2>
+  <p>The <code>font-variant-alternates</code> CSS property, along with the <code>@font-feature-values</code> at-rule, chooses when to use a font's alternate glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/font-variant-alternates/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="form-associated-custom-elements" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Form-associated custom elements</h2>
+  <p>Custom elements may act like built-in form elements, via the the <code>attachInternals()</code> method of <code>HTMLElement</code> and the <code>ElementInternals</code> API.</p>
+  <p><strong><a href="/web-features-explorer/features/form-associated-custom-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="grid" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>Grid</h2>
+  <p>CSS Grid is a two-dimensional layout system, which lays content out in rows and columns.</p>
+  <p><strong><a href="/web-features-explorer/features/grid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2020-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="grid-animation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-27 (baseline low)
+  
+</div>
+
+  <h2>Grid animation</h2>
+  <p>Grid animation allows you to animate the <code>grid-template-columns</code> and <code>grid-template-rows</code> CSS properties.</p>
+  <p><strong><a href="/web-features-explorer/features/grid-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="has" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+
+  <h2>:has()</h2>
+  <p>The <code>:has()</code> CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.</p>
+  <p><strong><a href="/web-features-explorer/features/has/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="hidden-until-found" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>hidden=&quot;until-found&quot;</h2>
+  <p>The <code>hidden="until-found"</code> attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.</p>
+  <p><strong><a href="/web-features-explorer/features/hidden-until-found/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="html-media-capture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTML media capture</h2>
+  <p>The <code>capture</code> HTML attribute for <code>&#x3C;input type="file"></code> elements allows the user to capture media using the device's camera or microphone.</p>
+  <p><strong><a href="/web-features-explorer/features/html-media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="http11" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>HTTP/1.1</h2>
+  <p>HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3.</p>
+  <p><strong><a href="/web-features-explorer/features/http11/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="http2" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>HTTP/2</h2>
+  <p>The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once.</p>
+  <p><strong><a href="/web-features-explorer/features/http2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-11</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="hyphens" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>Hyphenation</h2>
+  <p>The <code>hyphens</code> CSS property controls when long words are broken by line wrapping. Although called <code>hyphens</code>, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters to mark an intraword line break.</p>
+  <p><strong><a href="/web-features-explorer/features/hyphens/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="ic" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-03 (baseline low)
+  
+</div>
+
+  <h2>ic unit</h2>
+  <p>The CSS <code>ic</code> unit corresponds to the width of CJK ideographic characters.</p>
+  <p><strong><a href="/web-features-explorer/features/ic/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="idle-detection" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Idle detection</h2>
+  <p>The <code>IdleDetector</code> API is used to notify a webpage of the user's idle, active, and locked state.</p>
+  <p><strong><a href="/web-features-explorer/features/idle-detection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="image-set" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>image-set()</h2>
+  <p>The <code>image-set()</code> CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.</p>
+  <p><strong><a href="/web-features-explorer/features/image-set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="import-maps" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Import maps</h2>
+  <p>A <code>&#x3C;script type="importmap"></code> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.</p>
+  <p><strong><a href="/web-features-explorer/features/import-maps/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="indeterminate" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>:indeterminate</h2>
+  <p>The <code>:indeterminate</code> CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.</p>
+  <p><strong><a href="/web-features-explorer/features/indeterminate/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="individual-transforms" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-05 (baseline low)
+  
+</div>
+
+  <h2>Individual transform properties</h2>
+  <p>Transform elements with separate <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties.</p>
+  <p><strong><a href="/web-features-explorer/features/individual-transforms/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="inert" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Inert elements</h2>
+  <p>The <code>inert</code> HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire <code>click</code> events.</p>
+  <p><strong><a href="/web-features-explorer/features/inert/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="input-event" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>input event</h2>
+  <p>The <code>input</code> event fires when a form control changes or an element with the <code>contenteditable</code> attribute changes.</p>
+  <p><strong><a href="/web-features-explorer/features/input-event/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="intersection-observer" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>Intersection observer</h2>
+  <p>The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="intersection-observer-v2" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Intersection observer visibility tracking</h2>
+  <p>The <code>trackVisibility</code> parameter for the <code>IntersectionObserver</code> constructor enables tracking the visibility of an element, to detect if it may be obscured by other content or visual effects. Also known as IntersectionObserver v2.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer-v2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="is" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+
+  <h2>:is()</h2>
+  <p>The <code>:is()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list.</p>
+  <p><strong><a href="/web-features-explorer/features/is/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="jpegxl" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JPEG XL</h2>
+  <p>The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/jpegxl/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-11-09 (baseline high)
+</div>
+
+  <h2>JavaScript modules</h2>
+  <p>JavaScript modules allow code to be organized into reusable units. Modules use <code>import</code> to load other modules and <code>export</code> to declare what is available to import from other modules. In HTML, modules are loaded with <code>&#x3C;script type="module"></code>.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules-workers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>JavaScript modules in workers</h2>
+  <p>The <code>Worker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="lab" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Lab and LCH</h2>
+  <p>The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>lab()</code>, and <code>lch()</code> functions. Also known as CIELAB and CIELCH.</p>
+  <p><strong><a href="/web-features-explorer/features/lab/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="lh" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+
+  <h2>lh unit</h2>
+  <p>The CSS <code>lh</code> unit corresponds to the requested line height, the computed value of the <code>line-height</code> property. Some lines may be higher than this based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/lh/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="light-dark" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+
+  <h2>light-dark()</h2>
+  <p>The <code>light-dark()</code> CSS function accepts two colors and uses one depending on the current color scheme.</p>
+  <p><strong><a href="/web-features-explorer/features/light-dark/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="line-clamp" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>line-clamp</h2>
+  <p>The <code>line-clamp</code> CSS property limits the text in a block container to a certain number of lines. The prefixed <code>-webkit-line-clamp</code> is widely supported but only works with <code>-webkit-box-orient: vertical</code> in combination with <code>display: -webkit-box</code> or <code>display: -webkit-inline-box</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/line-clamp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="linear-easing" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>linear() easing</h2>
+  <p>The <code>linear()</code> easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.</p>
+  <p><strong><a href="/web-features-explorer/features/linear-easing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="loading-lazy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+
+  <h2>Lazy-loading images and iframes</h2>
+  <p>The <code>loading="lazy"</code> attribute for <code>&#x3C;img></code> and <code>&#x3C;iframe></code> elements blocks loading the external resource until the user scrolls to that element's part of the page.</p>
+  <p><strong><a href="/web-features-explorer/features/loading-lazy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="managed-media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Managed media source</h2>
+  <p>The <code>ManagedMediaSource</code> API is a <code>MediaSource</code> where the browser manages the memory of source buffers and may evict data if needed.</p>
+  <p><strong><a href="/web-features-explorer/features/managed-media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.1</span>
+        <span class="date">Released on 2023-10-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="map" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Map (initial support)</h2>
+  <p>Map objects hold key-value pairs and remember the original insertion order of the keys.</p>
+  <p><strong><a href="/web-features-explorer/features/map/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="margin-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>margin-trim</h2>
+  <p>The <code>margin-trim</code> CSS property removes the margins of child elements when they meet the edges of the container.</p>
+  <p><strong><a href="/web-features-explorer/features/margin-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="masks" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>Masks</h2>
+  <p>The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.</p>
+  <p><strong><a href="/web-features-explorer/features/masks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="masonry" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Masonry</h2>
+  <p>Masonry is a type of CSS grid layout where the items on one of the axes are tightly packed together, like brickwork, instead of leaving gaps to align across the other axis.</p>
+  <p><strong><a href="/web-features-explorer/features/masonry/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1757446">bugzil.la/1757446</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1757446">bugzil.la/1757446</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/248287">webkit.org/b/248287</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/248287">webkit.org/b/248287</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="mathml" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-01-12 (baseline low)
+  
+</div>
+
+  <h2>MathML</h2>
+  <p>MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.</p>
+  <p><strong><a href="/web-features-explorer/features/mathml/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-capture" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+
+  <h2>Media capture</h2>
+  <p>The <code>navigator.mediaDevices.getUserMedia()</code> API requests access to devices that produce audio or video streams, such as microphones or video cameras.</p>
+  <p><strong><a href="/web-features-explorer/features/media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-pseudos" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media element pseudo-classes</h2>
+  <p>The <code>:playing</code>, <code>:paused</code>, <code>:seeking</code>, <code>:buffering</code>, <code>:stalled</code>, <code>:muted</code>, and <code>:volume-locked</code> CSS pseudo-classes match <code>&#x3C;audio></code> and <code>&#x3C;video></code> elements based on their state.</p>
+  <p><strong><a href="/web-features-explorer/features/media-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-query-range-syntax" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Media query range syntax</h2>
+  <p>The range syntax of CSS media queries allows you to use mathematical comparison operators such as <code>&#x3C;</code>, <code>></code>, <code>&#x3C;=</code>, and <code>>=</code> to define a range of values for a media feature. For example, <code>(400px &#x3C; width &#x3C; 1000px)</code> returns true if the viewport width is between 400px and 1000px.</p>
+  <p><strong><a href="/web-features-explorer/features/media-query-range-syntax/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="messageerror" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>messageerror</h2>
+  <p>The <code>messageerror</code> event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages.</p>
+  <p><strong><a href="/web-features-explorer/features/messageerror/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="min-max-clamp" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>min(), max(), and clamp()</h2>
+  <p>The <code>min()</code> and <code>max()</code> CSS functions return the minimum or maximum of the arguments, while <code>clamp()</code> clamps a value to a given range.</p>
+  <p><strong><a href="/web-features-explorer/features/min-max-clamp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">75</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="modal" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-02 (baseline low)
+  
+</div>
+
+  <h2>:modal</h2>
+  <p>The <code>:modal</code> pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <code>&#x3C;dialog></code> element used with <code>showModal()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/modal/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="modulepreload" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>&lt;link rel=&quot;modulepreload&quot;&gt;</h2>
+  <p>The <code>rel="modulepreload"</code> attribute for the <code>&#x3C;link></code> HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution.</p>
+  <p><strong><a href="/web-features-explorer/features/modulepreload/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="motion-path" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-21 (baseline low)
+  
+</div>
+
+  <h2>Motion path</h2>
+  <p>The <code>offset</code> CSS property animates an element along a defined motion path.</p>
+  <p><strong><a href="/web-features-explorer/features/motion-path/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="navigation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Navigation API</h2>
+  <p>The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+  <p><strong><a href="/web-features-explorer/features/navigation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="nesting" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Nesting</h2>
+  <p>CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.</p>
+  <p><strong><a href="/web-features-explorer/features/nesting/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="nth-child" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>:nth-child() (initial support)</h2>
+  <p>The <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements (first, second, third, fourth, and so on), counted from the first or last sibling.</p>
+  <p><strong><a href="/web-features-explorer/features/nth-child/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">3.1</span>
+        <span class="date">Released on 2008-03-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2008-07-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="nth-child-of" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>:nth-child() of &lt;selector&gt;</h2>
+  <p>The <code>of</code> syntax for the <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.</p>
+  <p><strong><a href="/web-features-explorer/features/nth-child-of/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="offscreen-canvas" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Offscreen canvas</h2>
+  <p>The <code>OffscreenCanvas</code> API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.</p>
+  <p><strong><a href="/web-features-explorer/features/offscreen-canvas/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="oklab" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Oklab and Oklch</h2>
+  <p>The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. Oklch is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>oklab()</code>, and <code>oklch()</code> functions.</p>
+  <p><strong><a href="/web-features-explorer/features/oklab/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="origin-private-file-system" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+
+  <h2>Origin private file system</h2>
+  <p>The <code>navigator.storage.getDirectory()</code> method returns a <code>FileSystemDirectoryHandle</code> that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases.</p>
+  <p><strong><a href="/web-features-explorer/features/origin-private-file-system/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="overflow-shorthand" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>overflow</h2>
+  <p>The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.</p>
+  <p><strong><a href="/web-features-explorer/features/overflow-shorthand/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="page-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Page breaks</h2>
+  <p>The <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties (along with <code>page-break-</code> aliases) control where printed pages start and end. Also known as pagination or page breaking.</p>
+  <p><strong><a href="/web-features-explorer/features/page-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="paint" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>paint()</h2>
+  <p>The <code>paint()</code> CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.</p>
+  <p><strong><a href="/web-features-explorer/features/paint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="parse-html-unsafe" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-18 (baseline low)
+  
+</div>
+
+  <h2>Unsanitized HTML parsing methods</h2>
+  <p>The <code>Document.parseHTMLUnsafe()</code> static method parses HTML into a DOM tree, while the <code>setHTMLUnsafe()</code> method of <code>Element</code> and <code>ShadowRoot</code> parses and inserts HTML into an existing tree. No sanitization applies to these methods, so never call them with user-provided HTML strings.</p>
+  <p><strong><a href="/web-features-explorer/features/parse-html-unsafe/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="permissions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>Permissions</h2>
+  <p>The <code>navigator.permissions</code> API checks whether a permission, such as access to geolocation data, has been granted.</p>
+  <p><strong><a href="/web-features-explorer/features/permissions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="popover" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-16 (baseline low)
+  
+</div>
+
+  <h2>Popover</h2>
+  <p>The <code>popover</code> HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the <code>showPopover()</code> method.</p>
+  <p><strong><a href="/web-features-explorer/features/popover/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="prefers-color-scheme" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>prefers-color-scheme</h2>
+  <p>The <code>prefers-color-scheme</code> CSS media query detects the requested color scheme, light or dark.</p>
+  <p><strong><a href="/web-features-explorer/features/prefers-color-scheme/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="preloading-responsive-images" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Preloading responsive images</h2>
+  <p>The <code>imagesrcset</code> and <code>imagesizes</code> attributes with the <code>rel="preload"</code> attribute for the <code>&#x3C;link></code> HTML element starts fetching responsive images before they're found in the body of the document.</p>
+  <p><strong><a href="/web-features-explorer/features/preloading-responsive-images/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="preserves-pitch" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>preservesPitch</h2>
+  <p>The <code>preservesPitch</code> property for <code>&#x3C;audio></code> or <code>&#x3C;video></code> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.</p>
+  <p><strong><a href="/web-features-explorer/features/preserves-pitch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="print" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>window.print()</h2>
+  <p>The <code>window.print()</code> method opens the browser's print dialog.</p>
+  <p><strong><a href="/web-features-explorer/features/print/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1.1</span>
+        <span class="date">Released on 2003-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="print-events" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+
+  <h2>Print events</h2>
+  <p>An alternative to <code>@media print</code> queries, the <code>beforeprint</code> and <code>afterprint</code> events allow you to change the page for printing and and restore the page after printing.</p>
+  <p><strong><a href="/web-features-explorer/features/print-events/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Promise (initial support)</h2>
+  <p>A promise represents an asynchronous operation which eventually succeeds or fails.</p>
+  <p><strong><a href="/web-features-explorer/features/promise/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-allsettled" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>Promise.allSettled()</h2>
+  <p>The <code>Promise.allSettled()</code> static method waits for an array of promises to settle (resolve or reject).</p>
+  <p><strong><a href="/web-features-explorer/features/promise-allsettled/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-any" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>Promise.any()</h2>
+  <p>The <code>Promise.any()</code> static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with an <code>AggregateError</code> when all of the promises have rejected.</p>
+  <p><strong><a href="/web-features-explorer/features/promise-any/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-finally" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+
+  <h2>Promise finally()</h2>
+  <p>The promise <code>finally()</code> method executes a function when the promise settles (resolves or rejects).</p>
+  <p><strong><a href="/web-features-explorer/features/promise-finally/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-withresolvers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Promise.withResolvers()</h2>
+  <p>The <code>Promise.withResolvers()</code> static method is an alternative to the <code>Promise()</code> constructor that returns both the promise and resolution functions. You can use this to access <code>resolve</code> and <code>reject</code> outside the scope of the executor function.</p>
+  <p><strong><a href="/web-features-explorer/features/promise-withresolvers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="push" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Push messages</h2>
+  <p>The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.</p>
+  <p><strong><a href="/web-features-explorer/features/push/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">48</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="read-write-pseudos" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>:read-only and :read-write</h2>
+  <p>The <code>:read-only</code> and <code>:read-write</code> CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, <code>:read-only</code> matches <code>&#x3C;input></code> and <code>&#x3C;textarea></code> elements with the <code>readonly</code> attribute.</p>
+  <p><strong><a href="/web-features-explorer/features/read-write-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="request-animation-frame" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>requestAnimationFrame()</h2>
+  <p>The <code>requestAnimationFrame()</code> method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/request-animation-frame/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">24</span>
+        <span class="date">Released on 2013-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="request-animation-frame-workers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>requestAnimationFrame() in workers</h2>
+  <p>The <code>requestAnimationFrame()</code> method in workers schedules a function that runs before the next repaint. Together with offscreen canvas, you can animate content from a worker.</p>
+  <p><strong><a href="/web-features-explorer/features/request-animation-frame-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="resource-size" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Resource size</h2>
+  <p>The <code>decodedSize</code>, <code>encodedSize</code>, and <code>transferSize</code> properties of the <code>PerformanceResourceTiming</code> API reports the size of resources loaded.</p>
+  <p><strong><a href="/web-features-explorer/features/resource-size/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="resource-timing" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+
+  <h2>Resource timing (initial support)</h2>
+  <p><code>PerformanceResourceTiming</code> entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times.</p>
+  <p><strong><a href="/web-features-explorer/features/resource-timing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="round-mod-rem" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-17 (baseline low)
+  
+</div>
+
+  <h2>round(), mod(), and rem()</h2>
+  <p>The <code>round()</code>, <code>mod()</code>, and <code>rem()</code> CSS functions compute rounded values and the remainder after division.</p>
+  <p><strong><a href="/web-features-explorer/features/round-mod-rem/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scheduler" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scheduler API</h2>
+  <p>The <code>scheduler</code> API provides a way to prioritize all tasks belonging to an application.</p>
+  <p><strong><a href="/web-features-explorer/features/scheduler/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="screen-orientation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Screen orientation</h2>
+  <p>The <code>screen.orientation</code> API gets information about the orientation of the viewport, such as landscape or portrait. With this API, you can adapt an application's layout or behavior in response to changes in orientation.</p>
+  <p><strong><a href="/web-features-explorer/features/screen-orientation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="screen-orientation-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Screen orientation lock</h2>
+  <p>The <code>screen.orientation.lock()</code> method prevents changes to the screen orientation, typically in fullscreen applications such as games. For example, while locked, rotating a phone to the side won't change the screen orientation from landscape to portrait.</p>
+  <p><strong><a href="/web-features-explorer/features/screen-orientation-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-driven-animations" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll-driven animations</h2>
+  <p>CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-driven-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-into-view" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>scrollIntoView()</h2>
+  <p>The <code>scrollIntoView()</code> method scrolls an element's ancestor containers such that the element is visible to the user.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-into-view/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-snap" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-01-09 (baseline high)
+</div>
+
+  <h2>Scroll snap</h2>
+  <p>CSS scroll snap controls the panning and scrolling behavior within a scroll container.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-snap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="search" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+
+  <h2>&lt;search&gt;</h2>
+  <p>The <code>&#x3C;search></code> HTML element is a container that represents the parts of the web page with search functionality.</p>
+  <p><strong><a href="/web-features-explorer/features/search/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="search-input-type" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>&lt;input type=&quot;search&quot;&gt;</h2>
+  <p>The <code>&#x3C;input></code> HTML element with the <code>type="search"</code> attribute represents a text field for search queries, which might be styled differently by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/search-input-type/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="server-timing" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Server timing</h2>
+  <p>The <code>serverTiming</code> property of the <code>PerformanceResourceTiming</code> API contains server timing information about network requests.</p>
+  <p><strong><a href="/web-features-explorer/features/server-timing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="set" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Set (initial support)</h2>
+  <p>Set objects store unique values of any type.</p>
+  <p><strong><a href="/web-features-explorer/features/set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on </span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="shadow-dom" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Shadow DOM</h2>
+  <p>Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.</p>
+  <p><strong><a href="/web-features-explorer/features/shadow-dom/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="slot" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>&lt;slot&gt;</h2>
+  <p>The <code>&#x3C;slot></code> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.</p>
+  <p><strong><a href="/web-features-explorer/features/slot/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="slot-assign" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Imperative slot assignment</h2>
+  <p>The <code>assign()</code> method for <code>&#x3C;slot></code> elements assigns nodes to the slot, as an alternative to using the <code>slot</code> and <code>name</code> HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the <code>slotAssignment</code> set to "manual". Also known as manual slot assignment.</p>
+  <p><strong><a href="/web-features-explorer/features/slot-assign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="speech-synthesis" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-03-05 (baseline high)
+</div>
+
+  <h2>Speech synthesis</h2>
+  <p>The <code>SpeechSynthesis</code> API converts text into audio using a synthetic voice.</p>
+  <p><strong><a href="/web-features-explorer/features/speech-synthesis/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="stable-array-sort" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Stable array sort</h2>
+  <p>Stable array sort() function</p>
+  <p><strong><a href="/web-features-explorer/features/stable-array-sort/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="sticky-positioning" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+
+  <h2>Sticky positioning</h2>
+  <p>The <code>position: sticky</code> CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.</p>
+  <p><strong><a href="/web-features-explorer/features/sticky-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="storage-access" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-05 (baseline low)
+  
+</div>
+
+  <h2>Storage access</h2>
+  <p>The <code>document.requestStorageAccess()</code> method allows content in iframes to request storing and reading cookies and other site data, while the <code>document.hasStorageAccess()</code> method checks if such access is granted.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-access/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="storage-buckets" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Storage buckets</h2>
+  <p>The <code>navigator.storageBuckets</code> API allows you to organize locally stored data into groups called storage buckets. Each bucket can have different settings, allowing the browser to manage and delete buckets independently rather than applying the same treatment to all.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-buckets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="streams" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-06-28 (baseline low)
+  
+</div>
+
+  <h2>Streams</h2>
+  <p>The streams API creates, composes, and consumes continuously generated data.</p>
+  <p><strong><a href="/web-features-explorer/features/streams/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="structured-clone" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>structuredClone()</h2>
+  <p>The <code>structuredClone()</code> global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.</p>
+  <p><strong><a href="/web-features-explorer/features/structured-clone/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="subgrid" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-15 (baseline low)
+  
+</div>
+
+  <h2>Subgrid</h2>
+  <p>The <code>subgrid</code> value for the <code>grid-template-columns</code> and <code>grid-template-rows</code> properties allows a grid item to inherit the grid definition of its parent grid container.</p>
+  <p><strong><a href="/web-features-explorer/features/subgrid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="tabindex" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+
+  <h2>tabindex</h2>
+  <p>The <code>tabindex</code> HTML attribute make an element focusable, and defines the element's relative ordering for sequential focus navigation.</p>
+  <p><strong><a href="/web-features-explorer/features/tabindex/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1.5</span>
+        <span class="date">Released on 2005-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="target-text" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::target-text</h2>
+  <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/target-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="template" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-05-12 (baseline high)
+</div>
+
+  <h2>&lt;template&gt;</h2>
+  <p>The <code>&#x3C;template></code> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/template/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="temporal" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Temporal</h2>
+  <p>The <code>Temporal</code> API allows you to work with dates, times, time zones, and durations. It is more powerful than the <code>Date</code> API.</p>
+  <p><strong><a href="/web-features-explorer/features/temporal/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1519167">bugzil.la/1519167</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1519167">bugzil.la/1519167</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/223166">webkit.org/b/223166</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/223166">webkit.org/b/223166</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-indent" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>text-indent</h2>
+  <p>The <code>text-indent</code> CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.</p>
+  <p><strong><a href="/web-features-explorer/features/text-indent/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-spacing-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-spacing-trim</h2>
+  <p>The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.</p>
+  <p><strong><a href="/web-features-explorer/features/text-spacing-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-wrap-balance" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+
+  <h2>text-wrap: balance</h2>
+  <p>The <code>text-wrap: balance</code> CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-balance/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-wrap-nowrap" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+
+  <h2>text-wrap: nowrap</h2>
+  <p>The <code>text-wrap: nowrap</code> CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-nowrap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-wrap-pretty" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-wrap: pretty</h2>
+  <p>The <code>text-wrap: pretty</code> CSS declaration prioritizes better layout over speed when text is broken into multiple lines.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-pretty/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transferable-arraybuffer" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Transferable ArrayBuffer</h2>
+  <p>The <code>transfer()</code> and <code>transferToFixedLength()</code> methods of <code>ArrayBuffer</code> move a buffer from one context to another (for example, to a worker).</p>
+  <p><strong><a href="/web-features-explorer/features/transferable-arraybuffer/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transforms2d" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>2D transforms</h2>
+  <p>The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.</p>
+  <p><strong><a href="/web-features-explorer/features/transforms2d/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transforms3d" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>3D transforms</h2>
+  <p>The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.</p>
+  <p><strong><a href="/web-features-explorer/features/transforms3d/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="translate" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+
+  <h2>translate attribute</h2>
+  <p>The <code>translate</code> HTML attribute marks whether an element's text should be translated.</p>
+  <p><strong><a href="/web-features-explorer/features/translate/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2012-05-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="trig-functions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+
+  <h2>sin(), cos(), tan(), asin(), acos(), atan(), and atan2()</h2>
+  <p>The <code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, and <code>atan2()</code> CSS functions compute various trigonometric functions.</p>
+  <p><strong><a href="/web-features-explorer/features/trig-functions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="trusted-types" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Trusted types</h2>
+  <p>Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
+  <p><strong><a href="/web-features-explorer/features/trusted-types/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="two-value-display" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-21 (baseline low)
+  
+</div>
+
+  <h2>Two-value display property</h2>
+  <p>The <code>display</code> CSS property accepts multiple keyword values, such as <code>inline flex</code> or <code>block flow</code>, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.</p>
+  <p><strong><a href="/web-features-explorer/features/two-value-display/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2019-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="typed-array-iteration-methods" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-09-21 (baseline high)
+</div>
+
+  <h2>Typed array iteration methods</h2>
+  <p>Typed array iteration methods</p>
+  <p><strong><a href="/web-features-explorer/features/typed-array-iteration-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="typed-array-iterators" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>Typed array iterators</h2>
+  <p>Typed arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/typed-array-iterators/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="typed-arrays" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Typed arrays (initial support)</h2>
+  <p>Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.</p>
+  <p><strong><a href="/web-features-explorer/features/typed-arrays/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2010-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5.1</span>
+        <span class="date">Released on 2011-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="url-canparse" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>URL.canParse()</h2>
+  <p>The <code>URL.canParse()</code> static method checks whether a URL can be parsed into a valid <code>URL</code> object. It's an alternative to calling <code>new URL()</code> in a <code>try…catch</code> statement.</p>
+  <p><strong><a href="/web-features-explorer/features/url-canparse/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="user-activation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+
+  <h2>User activation</h2>
+  <p>The <code>navigator.userActivation</code> API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.</p>
+  <p><strong><a href="/web-features-explorer/features/user-activation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="user-pseudos" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-02 (baseline low)
+  
+</div>
+
+  <h2>:user-valid and :user-invalid</h2>
+  <p>The <code>:user-valid</code> and <code>:user-invalid</code> pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.</p>
+  <p><strong><a href="/web-features-explorer/features/user-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="view-transitions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>View transitions</h2>
+  <p>View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
+  <p><strong><a href="/web-features-explorer/features/view-transitions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="viewport-unit-variants" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-05 (baseline low)
+  
+</div>
+
+  <h2>Small, large, and dynamic viewport units</h2>
+  <p>The <code>sv*</code>, <code>lv*</code>, and <code>dv*</code> CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions.</p>
+  <p><strong><a href="/web-features-explorer/features/viewport-unit-variants/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="viewport-units" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-04-17 (baseline high)
+</div>
+
+  <h2>Viewport units</h2>
+  <p>The <code>vw</code>, <code>vh</code>, <code>vmin</code>, and <code>vmax</code> CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.</p>
+  <p><strong><a href="/web-features-explorer/features/viewport-units/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="visual-viewport" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-02-10 (baseline high)
+</div>
+
+  <h2>Visual viewport API</h2>
+  <p>The <code>visualViewport</code> API provides a way to query and modify the user-visible viewport of a web page.</p>
+  <p><strong><a href="/web-features-explorer/features/visual-viewport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-08-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="wasm-simd" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>WebAssembly SIMD</h2>
+  <p>The 128-bit SIMD (Single Instruction Multiple Data) extension to WebAssembly performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.</p>
+  <p><strong><a href="/web-features-explorer/features/wasm-simd/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-animations" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>Web animations</h2>
+  <p>The web animations API allows you to animate and synchronize the animations of DOM elements.</p>
+  <p><strong><a href="/web-features-explorer/features/web-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-bluetooth" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web Bluetooth</h2>
+  <p>The Web Bluetooth API enables selecting and communicating with nearby Bluetooth devices.</p>
+  <p><strong><a href="/web-features-explorer/features/web-bluetooth/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-locks" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Locks</h2>
+  <p>The <code>navigator.locks</code> API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.</p>
+  <p><strong><a href="/web-features-explorer/features/web-locks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-midi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web MIDI</h2>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  <p><strong><a href="/web-features-explorer/features/web-midi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-nfc" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web NFC</h2>
+  <p>The <code>NDEFReader</code> API reads and writes messages to near-field communication (NFC) tags.</p>
+  <p><strong><a href="/web-features-explorer/features/web-nfc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webauthn-public-key-easy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+
+  <h2>Web authentication easy public key access</h2>
+  <p>The <code>getAuthenticatorData()</code>, <code>getPublicKey()</code>, and <code>getPublicKeyAlgorithm()</code> methods of <code>AuthenticatorAttestationResponse</code> access credential data inside <code>attestationObject</code> without the need to parse it.</p>
+  <p><strong><a href="/web-features-explorer/features/webauthn-public-key-easy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webcodecs" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebCodecs</h2>
+  <p>The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.</p>
+  <p><strong><a href="/web-features-explorer/features/webcodecs/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+              <a href="https://bugzil.la/1749045">bugzil.la/1749045</a>
+            
+              <a href="https://bugzil.la/1872733">bugzil.la/1872733</a>
+            
+              <a href="https://bugzil.la/1749539">bugzil.la/1749539</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webgl-oes-draw-buffers-indexed" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-13 (baseline low)
+  
+</div>
+
+  <h2>WebGL OES_draw_buffers_indexed extension</h2>
+  <p>The <code>OES_draw_buffers_indexed</code> extension to WebGL allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously.</p>
+  <p><strong><a href="/web-features-explorer/features/webgl-oes-draw-buffers-indexed/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-04-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webhid" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebHID</h2>
+  <p>The WebHID API provides access to Human Interface Devices (HID) that are connected to the user's device.</p>
+  <p><strong><a href="/web-features-explorer/features/webhid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webp" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>WebP</h2>
+  <p>The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/webp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2011-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webrtc" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>WebRTC</h2>
+  <p>The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webrtc-encoded-transform" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebRTC encoded transform</h2>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-encoded-transform/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webrtc-sctp" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>WebRTC SCTP information</h2>
+  <p>The <code>sctp</code> object on <code>RTCPeerConnection</code> represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that <code>RTCDataChannel</code> uses.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-sctp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webusb" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebUSB</h2>
+  <p>The WebUSB API exposes USB compatible devices to web pages.</p>
+  <p><strong><a href="/web-features-explorer/features/webusb/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webvtt" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>WebVTT</h2>
+  <p>WebVTT is a captions and subtitles format. WebVTT files are loaded using the <code>&#x3C;track></code> element, and the <code>VTTCue</code> API can be used to create or update cues dynamically.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2012-11-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webvtt-cue-alignment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT cue alignment</h2>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-cue-alignment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webvtt-regions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT regions</h2>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-regions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="where" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+
+  <h2>:where()</h2>
+  <p>The <code>:where()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity.</p>
+  <p><strong><a href="/web-features-explorer/features/where/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="will-change" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>will-change</h2>
+  <p>The <code>will-change</code> CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.</p>
+  <p><strong><a href="/web-features-explorer/features/will-change/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+</ul>
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/assets/baseline-high.svg b/docs/assets/baseline-high.svg
new file mode 100644
index 0000000000..83b6ef2e14
--- /dev/null
+++ b/docs/assets/baseline-high.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 62"><path d="m86.333 6.2-6.166 6.2 18.5 18.6-18.5 18.6-12.334-12.4-6.166 6.2 18.5 18.6L111 31 86.333 6.2ZM30.833 0 6.167 24.8l6.166 6.2 18.5-18.6 12.334 12.4 6.166-6.2L30.833 0Z" fill="#B9D8BF"/><path d="m80.167 0 6.166 6.2-55.5 55.8L0 31l6.167-6.2 24.666 24.8L80.167 0Z" fill="#148936"/></svg>
\ No newline at end of file
diff --git a/docs/assets/baseline-limited.svg b/docs/assets/baseline-limited.svg
new file mode 100644
index 0000000000..9b126ff1dc
--- /dev/null
+++ b/docs/assets/baseline-limited.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 62"><path d="m30.833 0 18.5 18.6-6.166 6.2-18.5-18.6L30.833 0Z" fill="#D78000"/><path d="M86.333 6.2 111 31 86.333 55.8l-6.166-6.2 18.5-18.6-18.5-18.6 6.166-6.2Z" fill="#E5D0AC"/><path d="m67.833 37.2-6.166 6.2 18.5 18.6 6.166-6.2-18.5-18.6Z" fill="#D78000"/><path d="m24.667 6.2 6.166 6.2-18.5 18.6 18.5 18.6-6.166 6.2L0 31 24.667 6.2Z" fill="#E5D0AC"/><path d="m80.167 0 6.166 6.2-55.5 55.8-6.166-6.2L80.167 0Z" fill="#D78000"/></svg>
\ No newline at end of file
diff --git a/docs/assets/baseline-low.svg b/docs/assets/baseline-low.svg
new file mode 100644
index 0000000000..4256a616b7
--- /dev/null
+++ b/docs/assets/baseline-low.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 61"><path d="M30.833 0 37 6.1l-6.167 6.1-6.166-6.1L30.833 0Zm12.334 12.2 6.166 6.1-6.166 6.1L37 18.3l6.167-6.1Zm49.333 0 6.167 6.1-6.167 6.1-6.167-6.1 6.167-6.1Zm12.333 12.2L111 30.5l-6.167 6.1-6.166-6.1 6.166-6.1ZM92.5 36.6l6.167 6.1-6.167 6.1-6.167-6.1 6.167-6.1ZM80.167 48.8l6.166 6.1-6.166 6.1L74 54.9l6.167-6.1ZM67.833 36.6 74 42.7l-6.167 6.1-6.166-6.1 6.166-6.1ZM18.5 12.2l6.167 6.1-6.167 6.1-6.167-6.1 6.167-6.1Z" fill="#223F80"/><path d="m80.167 0 6.166 6.1-55.5 54.9L0 30.5l6.167-6.1 24.666 24.4L80.167 0Z" fill="#4185FF"/></svg>
\ No newline at end of file
diff --git a/docs/assets/chrome.svg b/docs/assets/chrome.svg
new file mode 100644
index 0000000000..e3d20596a9
--- /dev/null
+++ b/docs/assets/chrome.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><path d="M49.84 5a45 45 0 0140.32 24.7l-37.25-1.95c-10.55-.6-20.59 5.32-24 15.26L15 21.72A45 45 0 0149.85 5zM12.33 25.34l16.93 33.29C34 68 44.12 73.74 54.56 71.78L43 94.43a45 45 0 01-30.67-69.09zM92 33.82a45 45 0 01-44.51 61.11l20.33-31.28c5.78-8.89 5.68-20.49-1.2-28.52zm-42 1A15.17 15.17 0 1134.83 50 15.15 15.15 0 0150 34.83z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/docs/assets/edge.svg b/docs/assets/edge.svg
new file mode 100644
index 0000000000..328c84572f
--- /dev/null
+++ b/docs/assets/edge.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><g fill="currentColor"><path d="M60.81 93.78c-11 .58-21.31-7.29-24.1-18.29a25.74 25.74 0 013.36-20.91c.25-.37.41-1 1-.89.44.11.35.65.39 1 1.11 8.36 5.88 14.19 13.12 18 10.3 5.39 20.77 5.12 31.18.13 1-.48 2.12-1.51 3.18-.37s0 2.3-.6 3.28c-5.56 8.52-12.71 15-22.94 17.42-1 .23-2 .4-3 .55-.47.05-1.03.08-1.59.08z"/><path d="M51.82 42.22c2.29.48-11.15-10.67-27.69-8.16-5.76.87-19 5.86-17.89 23.66C8.23 89.66 34.15 94.33 42.78 95a1 1 0 001.08-.92 1 1 0 00-.3-.8C39 88.87 26.39 81.09 29.22 65.05c2.54-14.49 12.94-24.87 22.6-22.83z"/><path d="M62.11 62.19c3.76 1.3 9.77 2 18.76-.24h.06a19.87 19.87 0 0012.61-15.47C96.08 29.11 81.44 5.8 55.82 5 20.3 4 10.55 27.14 8.69 32.85a.39.39 0 00.61.43c4.13-3.3 20.86-14.69 41.62-1.64C62.68 41 61.21 50.39 59.09 55.43a5 5 0 002.65 6.62z"/></g></svg>
\ No newline at end of file
diff --git a/docs/assets/firefox.svg b/docs/assets/firefox.svg
new file mode 100644
index 0000000000..543c4e5aa1
--- /dev/null
+++ b/docs/assets/firefox.svg
@@ -0,0 +1,3 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 794" width="768" height="794">
+	<path id="Layer" fill-rule="evenodd" class="s0" d="m739.7 266.5c-16.7-40.1-50.5-83.3-77-97.1 21.7 42.3 34.2 84.9 38.8 116.5l0.2 0.7c-43.5-108.2-117.1-151.8-177.2-246.8-3-4.8-6-9.6-9-14.7-1.6-2.6-2.9-5.2-4.3-8-2.5-4.8-4.3-9.8-5.6-15.2 0-0.5-0.4-0.9-0.9-1q-0.4 0-0.8 0l-0.1 0.1c-0.2 0-0.3 0.1-0.3 0.1 0 0 0-0.1 0.1-0.2-85.4 50-120.7 137.6-129.8 193.2-26.4 1.6-52.2 8.2-76 19.4-4.6 2.3-6.7 7.6-5 12.2 2 5.4 8 8 13.2 5.6 20.8-9.7 43.2-15.6 66.2-17.1l2.3-0.3c3.1-0.1 6.3-0.3 9.5-0.3 18.6-0.1 37.2 2.5 55 7.7l3.2 0.9c3 0.9 5.8 1.9 8.8 3 2.1 0.8 4.3 1.6 6.4 2.5 1.7 0.6 3.4 1.4 5.1 2.1 2.6 1.2 5.2 2.5 7.8 3.8l3.5 1.6c2.6 1.4 5.1 2.8 7.6 4.2 1.6 0.9 3.1 1.8 4.7 2.9 27.7 17.2 50.9 41 67 69.4-20.4-14.3-57.1-28.6-92.4-22.4 138 69 100.9 306.6-90.4 297.6-17-0.6-33.8-3.9-49.8-9.6-3.9-1.4-7.7-3-11.4-4.6-2.1-1-4.4-2-6.5-3.1-46.9-24.2-85.5-70-90.3-125.7 0 0 17.7-66 126.8-66 11.8 0 45.6-32.9 46.2-42.4-0.3-3.2-67.1-29.7-93.1-55.3-13.9-13.7-20.4-20.3-26.3-25.3-3.1-2.7-6.5-5.2-10-7.5-8.7-30.6-9.1-63.1-1.1-93.8-39.4 18-70 46.4-92.3 71.4h-0.2c-15.2-19.3-14.1-82.9-13.3-96.1-0.1-0.9-11.3 5.7-12.8 6.7-13.4 9.7-26 20.4-37.5 32.2q-19.7 19.9-35.9 43c-24.6 34.9-42.2 74.4-51.4 116.1-0.2 0.5-3.7 16.2-6.3 35.4-0.5 3-0.9 6-1.3 9-1 7.3-1.8 14.7-2.2 22l-0.1 1.2c-0.2 4.3-0.5 8.5-0.8 12.8v1.9c0 212 171.9 383.9 383.9 383.9 189.8 0 347.5-137.9 378.4-318.9 0.6-4.9 1.1-9.9 1.7-14.8 7.7-65.8-0.8-135.1-25-192.9zm-553-71.3c0.3 0 0.2 0 0 0zm92.5 46.2c0.3 0 0.1 0 0 0z"/>
+</svg>
\ No newline at end of file
diff --git a/docs/assets/safari.svg b/docs/assets/safari.svg
new file mode 100644
index 0000000000..4e3ff7ad09
--- /dev/null
+++ b/docs/assets/safari.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><path d="M52.66 49.85a3 3 0 01-2.91 3.21 3.06 3.06 0 11-.25-6.12 3 3 0 013.16 2.91zm.75 2.91L71 23.58C68.63 25.79 46.63 46 46 47.09L28.5 76.22c2.31-2.16 24.36-22.5 24.91-23.46zM85.91 50a35.75 35.75 0 01-5.22 18.63 23.71 23.71 0 00-3-1.75.66.66 0 00-.65.65c0 .65 2.36 1.86 3 2.21a36.11 36.11 0 01-21.45 15.12l-.8-3.37c-.06-.45-.36-.5-.76-.5s-.55.5-.5.75l.81 3.41a35.59 35.59 0 01-7.34.76 36.05 36.05 0 01-18.68-5.28A29 29 0 0033.53 77a.66.66 0 00-.65-.65c-.7 0-2.21 3-2.66 3.62a36.13 36.13 0 01-15.17-21.7l3.47-.75a.66.66 0 00.5-.75c0-.35-.5-.56-.81-.5L14.8 57a35.69 35.69 0 014.77-26 23.79 23.79 0 003.31 2 .63.63 0 00.66-.6c0-.71-2.66-2.06-3.27-2.46A36.18 36.18 0 0142 15l.75 3.37a.66.66 0 00.75.5c.35 0 .56-.5.5-.81l-.75-3.31a37.07 37.07 0 016.75-.66 36 36 0 0119 5.47 19.08 19.08 0 00-2 3.27.62.62 0 00.6.65c.71 0 2.06-2.61 2.41-3.22a35.94 35.94 0 0114.9 21.45l-2.82.6c-.45.1-.5.4-.5.8s.5.56.76.51l2.86-.62a36.83 36.83 0 01.7 7zm4.27 0A40.18 40.18 0 1050 90.18 40.17 40.17 0 0090.18 50zM95 50A45 45 0 1150 5a45 45 0 0145 45z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/docs/assets/styles.css b/docs/assets/styles.css
new file mode 100644
index 0000000000..75dcde3399
--- /dev/null
+++ b/docs/assets/styles.css
@@ -0,0 +1,268 @@
+:root {
+  --baseline-low-bg: #e8f0fe;
+  --baseline-low-label-bg: #d2e3fc;
+  --baseline-high-bg: #e6f4ea;
+  --baseline-high-label-bg: #ceead6;
+  --baseline-limited-bg: #f1f3f4;
+  --baseline-limited-label-bg: #e3e6e8;
+  --browser-supported-bg: #ceead6;
+  --browser-unsupported-bg: #f5d6d6;
+  --text: black;
+  --sub-text: #666;
+}
+
+html {
+  font-size: 1rem;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  color: var(--text);
+}
+
+body {
+  margin: 2rem;
+}
+
+header {
+  font-size: 2rem;
+  font-weight: bold;
+  margin-block-end: 2rem;
+}
+
+h1 {
+  margin: 2rem 0;
+}
+
+.intro {
+  margin: 2rem 0;
+}
+
+.intro dl {
+  display: grid;
+  grid-template-columns: max-content auto;
+  gap: 0.5rem;
+}
+
+.intro dl dt {
+  font-weight: bold;
+}
+
+.intro dl dd {
+  margin: 0;
+}
+
+ul,
+li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+h3 .subtext {
+  font-size: small;
+  font-weight: normal;
+}
+
+.feature {
+  padding: 2rem;
+  border-radius: 0.5rem;
+  margin-block-start: 2rem;
+}
+
+.baseline-false {
+  background: var(--baseline-limited-bg);
+}
+
+.baseline-low {
+  background: var(--baseline-low-bg);
+}
+
+.baseline-high {
+  background: var(--baseline-high-bg);
+}
+
+.feature h2,
+.feature h1 {
+  margin: 0;
+  font-size: 1.2rem;
+}
+
+.feature > p {
+  margin: 2rem 0;
+}
+
+.feature.short > p {
+  margin: 1rem 0;
+}
+
+.feature .availability {
+  --bg: var(--baseline-limited-label-bg);
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  background: var(--bg);
+  font-weight: bold;
+  font-size: 0.75rem;
+  border: 2px solid color-mix(in srgb, var(--bg) 90%, black);
+  width: max-content;
+  padding-inline-start: 2rem;
+  background-repeat: no-repeat;
+  background-position: 0.25rem center;
+  background-size: 1.5rem;
+  background-image: url(./baseline-limited.svg);
+  float: right;
+  margin: 0 0 1rem 1rem;
+}
+
+.feature.baseline-low .availability {
+  --bg: var(--baseline-low-label-bg);
+  background-image: url(./baseline-low.svg);
+}
+
+.feature.baseline-high .availability {
+  --bg: var(--baseline-high-label-bg);
+  background-image: url(./baseline-high.svg);
+}
+
+.compat {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+}
+
+.compat .browser {
+	--bg: var(--browser-unsupported-bg);
+	padding: 1.25rem 0.55rem 0.25rem 0.5rem;
+	border-radius: 0.25rem;
+	border: 2px solid color-mix(in srgb, var(--bg) 90%, black);
+	background-color: var(--bg);
+	background-position: center .25rem;
+	background-repeat: no-repeat;
+	background-size: 1rem;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	min-width: 4rem;
+}
+
+.compat .browser.supported {
+  --bg: var(--browser-supported-bg);
+}
+
+.compat .browser-chrome,
+.compat .browser-chrome_android {
+  background-image: url(./chrome.svg);
+}
+
+.compat .browser-firefox,
+.compat .browser-firefox_android {
+  background-image: url(./firefox.svg);
+}
+
+.compat .browser-edge {
+  background-image: url(./edge.svg);
+}
+
+.compat .browser-safari,
+.compat .browser-safari_ios {
+  background-image: url(./safari.svg);
+}
+
+.compat .browser .name {
+  font-weight: bold;
+}
+
+.compat .browser .date,
+.compat .browser .bug {
+  font-style: italic;
+  font-size: 0.75rem;
+}
+
+.feature .resources,
+.feature .resources li {
+  list-style: disc;
+  padding-inline-start: 0.5rem;
+  margin-inline-start: 0.5rem;
+}
+
+nav {
+  border-block-end: 2px solid;
+  padding-inline-start: 1rem;
+}
+
+nav ul {
+  display: flex;
+  justify-content: start;
+  gap: 0.25rem;
+}
+
+nav a {
+  display: block;
+  padding: 0.5rem;
+}
+
+nav li {
+  border: 2px solid;
+  border-block-end-width: 0;
+}
+
+.mdn-docs {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.mdn-docs h3 {
+  flex-basis: 100%;
+}
+
+.mdn-docs-area {
+  align-self: start;
+  flex: 15rem 1 1;
+  position: relative;
+}
+
+.mdn-docs-area::before {
+	content: attr(data-area);
+	text-transform: uppercase;
+	font-size: small;
+	padding: .25rem;
+	background: #fff5;
+	border: 2px solid #0003;
+	position: absolute;
+	inset: 0 0 auto auto;
+	border-width: 0 0 2px 2px;
+}
+
+.mdn-docs h4 {
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.mdn-docs li {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.link-list {
+  background: #fff5;
+  padding: 1rem;
+  border: 2px solid #0003;
+}
+
+.link-list-item {
+  border-block-end: 1px solid #0003;
+  padding-block-end: 1rem;
+  margin-block-end: 1rem;
+}
+
+.link-list-item:last-of-type {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+footer {
+  border-block-start: 2px solid;
+  margin-block-start: 2rem;
+  color: var(--sub-text);
+  font-size: smaller;
+}
diff --git a/docs/baseline/index.html b/docs/baseline/index.html
new file mode 100644
index 0000000000..48b5daae75
--- /dev/null
+++ b/docs/baseline/index.html
@@ -0,0 +1,6279 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Widely available features</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>Widely available features</h1>
+
+<p>These features have been supported across all core browsers for a while.</p>
+
+<ul class="features">
+  
+    <li>
+      <div id="aspect-ratio" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-03-20 (baseline high)
+</div>
+
+  <h2>aspect-ratio</h2>
+  <p>The <code>aspect-ratio</code> CSS property controls the width-to-height ratio of elements. For <code>&#x3C;img></code> and <code>&#x3C;video></code> elements, the <code>width</code> and <code>height</code> attributes used together with <code>height: auto</code> control the aspect ratio while the image/video is loading.</p>
+  <p><strong><a href="/web-features-explorer/features/aspect-ratio/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="visual-viewport" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-02-10 (baseline high)
+</div>
+
+  <h2>Visual viewport API</h2>
+  <p>The <code>visualViewport</code> API provides a way to query and modify the user-visible viewport of a web page.</p>
+  <p><strong><a href="/web-features-explorer/features/visual-viewport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-08-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="flexbox-gap" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-10-26 (baseline high)
+</div>
+
+  <h2>Flexbox gap</h2>
+  <p>The <code>gap</code> CSS property in a flexbox layout sets the size of the space between items.</p>
+  <p><strong><a href="/web-features-explorer/features/flexbox-gap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="is" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+
+  <h2>:is()</h2>
+  <p>The <code>:is()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list.</p>
+  <p><strong><a href="/web-features-explorer/features/is/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="where" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+
+  <h2>:where()</h2>
+  <p>The <code>:where()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity.</p>
+  <p><strong><a href="/web-features-explorer/features/where/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="conic-gradients" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-05-17 (baseline high)
+</div>
+
+  <h2>Conic gradients</h2>
+  <p>The <code>conic-gradient()</code> and <code>repeating-conic-gradient()</code> CSS functions create backgrounds that progress between two or more colors around a center point.</p>
+  <p><strong><a href="/web-features-explorer/features/conic-gradients/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="flexbox" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-22 (baseline high)
+</div>
+
+  <h2>Flexbox</h2>
+  <p>Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.</p>
+  <p><strong><a href="/web-features-explorer/features/flexbox/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="bigint" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>BigInt</h2>
+  <p>The <code>BigInt</code> JavaScript type represents integers of any size, including integers too large for the primitive <code>Number</code> type.</p>
+  <p><strong><a href="/web-features-explorer/features/bigint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-any" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>Promise.any()</h2>
+  <p>The <code>Promise.any()</code> static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with an <code>AggregateError</code> when all of the promises have rejected.</p>
+  <p><strong><a href="/web-features-explorer/features/promise-any/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-into-view" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>scrollIntoView()</h2>
+  <p>The <code>scrollIntoView()</code> method scrolls an element's ancestor containers such that the element is visible to the user.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-into-view/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webp" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>WebP</h2>
+  <p>The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/webp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2011-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="grid" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>Grid</h2>
+  <p>CSS Grid is a two-dimensional layout system, which lays content out in rows and columns.</p>
+  <p><strong><a href="/web-features-explorer/features/grid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2020-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="min-max-clamp" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>min(), max(), and clamp()</h2>
+  <p>The <code>min()</code> and <code>max()</code> CSS functions return the minimum or maximum of the arguments, while <code>clamp()</code> clamps a value to a given range.</p>
+  <p><strong><a href="/web-features-explorer/features/min-max-clamp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">75</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-allsettled" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>Promise.allSettled()</h2>
+  <p>The <code>Promise.allSettled()</code> static method waits for an array of promises to settle (resolve or reject).</p>
+  <p><strong><a href="/web-features-explorer/features/promise-allsettled/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="read-write-pseudos" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>:read-only and :read-write</h2>
+  <p>The <code>:read-only</code> and <code>:read-write</code> CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, <code>:read-only</code> matches <code>&#x3C;input></code> and <code>&#x3C;textarea></code> elements with the <code>readonly</code> attribute.</p>
+  <p><strong><a href="/web-features-explorer/features/read-write-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-flat" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Array flat() and flatMap()</h2>
+  <p>The <code>flat()</code> and <code>flatMap()</code> methods for arrays creates a new array such that each nested array item is concatenated into it.</p>
+  <p><strong><a href="/web-features-explorer/features/array-flat/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="autonomous-custom-elements" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Autonomous custom elements</h2>
+  <p>Autonomous custom elements are HTML elements with a hyphenated tag name (like <code>&#x3C;example-element></code>) that have behaviors you define.</p>
+  <p><strong><a href="/web-features-explorer/features/autonomous-custom-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="default" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>:default</h2>
+  <p>The <code>:default</code> CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the <code>checked</code> attribute.</p>
+  <p><strong><a href="/web-features-explorer/features/default/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2011-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="details" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>&lt;details&gt;</h2>
+  <p>The <code>&#x3C;details></code> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <code>&#x3C;summary></code> element is visible.</p>
+  <p><strong><a href="/web-features-explorer/features/details/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2011-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="indeterminate" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>:indeterminate</h2>
+  <p>The <code>:indeterminate</code> CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.</p>
+  <p><strong><a href="/web-features-explorer/features/indeterminate/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="prefers-color-scheme" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>prefers-color-scheme</h2>
+  <p>The <code>prefers-color-scheme</code> CSS media query detects the requested color scheme, light or dark.</p>
+  <p><strong><a href="/web-features-explorer/features/prefers-color-scheme/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="shadow-dom" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Shadow DOM</h2>
+  <p>Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.</p>
+  <p><strong><a href="/web-features-explorer/features/shadow-dom/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="slot" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>&lt;slot&gt;</h2>
+  <p>The <code>&#x3C;slot></code> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.</p>
+  <p><strong><a href="/web-features-explorer/features/slot/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="stable-array-sort" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Stable array sort</h2>
+  <p>Stable array sort() function</p>
+  <p><strong><a href="/web-features-explorer/features/stable-array-sort/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webrtc" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>WebRTC</h2>
+  <p>The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="will-change" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>will-change</h2>
+  <p>The <code>will-change</code> CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.</p>
+  <p><strong><a href="/web-features-explorer/features/will-change/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-optical-sizing" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-06-17 (baseline high)
+</div>
+
+  <h2>font-optical-sizing</h2>
+  <p>The <code>font-optical-sizing</code> CSS property sets whether text rendering is optimized for viewing at different sizes.</p>
+  <p><strong><a href="/web-features-explorer/features/font-optical-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="print-events" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+
+  <h2>Print events</h2>
+  <p>An alternative to <code>@media print</code> queries, the <code>beforeprint</code> and <code>afterprint</code> events allow you to change the page for printing and and restore the page after printing.</p>
+  <p><strong><a href="/web-features-explorer/features/print-events/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="sticky-positioning" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+
+  <h2>Sticky positioning</h2>
+  <p>The <code>position: sticky</code> CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.</p>
+  <p><strong><a href="/web-features-explorer/features/sticky-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-snap" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-01-09 (baseline high)
+</div>
+
+  <h2>Scroll snap</h2>
+  <p>CSS scroll snap controls the panning and scrolling behavior within a scroll container.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-snap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="abortable-fetch" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>Abortable fetch</h2>
+  <p>If you construct a fetch request with an <code>AbortSignal</code>, you can cancel the request.</p>
+  <p><strong><a href="/web-features-explorer/features/abortable-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="aborting" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>AbortController and AbortSignal</h2>
+  <p>The <code>AbortController</code> and <code>AbortSignal</code> APIs allow you to cancel an ongoing operation, such as a <code>fetch()</code> request.</p>
+  <p><strong><a href="/web-features-explorer/features/aborting/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="intersection-observer" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>Intersection observer</h2>
+  <p>The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="constraint-validation" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-06-11 (baseline high)
+</div>
+
+  <h2>Constraint validation API</h2>
+  <p>Methods that validate form controls before submission, such as <code>checkValidity()</code>, <code>reportValidity()</code> and <code>setCustomValidity()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/constraint-validation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-finally" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+
+  <h2>Promise finally()</h2>
+  <p>The promise <code>finally()</code> method executes a function when the promise settles (resolves or rejects).</p>
+  <p><strong><a href="/web-features-explorer/features/promise-finally/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="tabindex" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+
+  <h2>tabindex</h2>
+  <p>The <code>tabindex</code> HTML attribute make an element focusable, and defines the element's relative ordering for sequential focus navigation.</p>
+  <p><strong><a href="/web-features-explorer/features/tabindex/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1.5</span>
+        <span class="date">Released on 2005-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="speech-synthesis" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-03-05 (baseline high)
+</div>
+
+  <h2>Speech synthesis</h2>
+  <p>The <code>SpeechSynthesis</code> API converts text into audio using a synthetic voice.</p>
+  <p><strong><a href="/web-features-explorer/features/speech-synthesis/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-11-09 (baseline high)
+</div>
+
+  <h2>JavaScript modules</h2>
+  <p>JavaScript modules allow code to be organized into reusable units. Modules use <code>import</code> to load other modules and <code>export</code> to declare what is available to import from other modules. In HTML, modules are loaded with <code>&#x3C;script type="module"></code>.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="viewport-units" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-04-17 (baseline high)
+</div>
+
+  <h2>Viewport units</h2>
+  <p>The <code>vw</code>, <code>vh</code>, <code>vmin</code>, and <code>vmax</code> CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.</p>
+  <p><strong><a href="/web-features-explorer/features/viewport-units/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-capture" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+
+  <h2>Media capture</h2>
+  <p>The <code>navigator.mediaDevices.getUserMedia()</code> API requests access to devices that produce audio or video streams, such as microphones or video cameras.</p>
+  <p><strong><a href="/web-features-explorer/features/media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="resource-timing" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+
+  <h2>Resource timing (initial support)</h2>
+  <p><code>PerformanceResourceTiming</code> entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times.</p>
+  <p><strong><a href="/web-features-explorer/features/resource-timing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="async-await" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+
+  <h2>Async functions</h2>
+  <p>The <code>async</code> and <code>await</code> keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains.</p>
+  <p><strong><a href="/web-features-explorer/features/async-await/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="custom-properties" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+
+  <h2>Custom properties</h2>
+  <p>Custom properties are CSS properties prefixed with <code>--</code> that set values you can reuse with the <code>var()</code> function. For example, you can set a <code>--key-color</code> property to reuse as <code>border-color: var(--key-color)</code>. Also known as CSS variables.</p>
+  <p><strong><a href="/web-features-explorer/features/custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-09</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="class-syntax" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+
+  <h2>Classes</h2>
+  <p>Classes are an object-oriented syntax for JavaScript prototypes.</p>
+  <p><strong><a href="/web-features-explorer/features/class-syntax/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fetch" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+
+  <h2>Fetch (initial support)</h2>
+  <p>The <code>fetch()</code> method makes asynchronous HTTP requests.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="border-image" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-08-01 (baseline high)
+</div>
+
+  <h2>Border images</h2>
+  <p>The <code>border-image</code> CSS property draws an image around an element.</p>
+  <p><strong><a href="/web-features-explorer/features/border-image/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-iterators" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>Array iterators</h2>
+  <p>Arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/array-iterators/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-face" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>@font-face</h2>
+  <p>The <code>@font-face</code> CSS at-rule creates a custom <code>font-family</code> value. The at-rule's descriptors set the font's name, source, and various display settings.</p>
+  <p><strong><a href="/web-features-explorer/features/font-face/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="typed-array-iterators" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>Typed array iterators</h2>
+  <p>Typed arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/typed-array-iterators/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="typed-array-iteration-methods" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-09-21 (baseline high)
+</div>
+
+  <h2>Typed array iteration methods</h2>
+  <p>Typed array iteration methods</p>
+  <p><strong><a href="/web-features-explorer/features/typed-array-iteration-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-includes" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-06-01 (baseline high)
+</div>
+
+  <h2>Array includes()</h2>
+  <p>The <code>includes()</code> method of arrays and typed arrays returns whether a given value appears in the array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-includes/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="template" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-05-12 (baseline high)
+</div>
+
+  <h2>&lt;template&gt;</h2>
+  <p>The <code>&#x3C;template></code> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/template/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-copywithin" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array copyWithin()</h2>
+  <p>The <code>copyWithin()</code> method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length.</p>
+  <p><strong><a href="/web-features-explorer/features/array-copywithin/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-from" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array.from()</h2>
+  <p>The <code>Array.from()</code> and typed array <code>.from()</code> static methods copy items from an iterable or array-like object to make a new array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-from/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-of" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array.of()</h2>
+  <p>The <code>Array.of()</code> and typed array <code>.of()</code> static methods create new arrays from the values of any number of arguments.</p>
+  <p><strong><a href="/web-features-explorer/features/array-of/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="http2" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>HTTP/2</h2>
+  <p>The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once.</p>
+  <p><strong><a href="/web-features-explorer/features/http2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-11</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transforms2d" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>2D transforms</h2>
+  <p>The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.</p>
+  <p><strong><a href="/web-features-explorer/features/transforms2d/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-fill" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+
+  <h2>Array fill()</h2>
+  <p>The <code>fill()</code> method of arrays and typed arrays sets all or some items of an array to a given a value.</p>
+  <p><strong><a href="/web-features-explorer/features/array-fill/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-find" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+
+  <h2>Array find() and findIndex()</h2>
+  <p>The <code>find()</code> and <code>findIndex()</code> methods of arrays and typed arrays search an array for the first item that satisfies a test function.</p>
+  <p><strong><a href="/web-features-explorer/features/array-find/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array (initial support)</h2>
+  <p>Arrays are ordered lists of JavaScript values.</p>
+  <p><strong><a href="/web-features-explorer/features/array/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-isarray" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array.isArray()</h2>
+  <p>The <code>Array.isArray()</code> static method checks whether a value is an array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-isarray/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-iteration-methods" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array iteration methods</h2>
+  <p>Array iteration methods</p>
+  <p><strong><a href="/web-features-explorer/features/array-iteration-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2009-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-splice" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array splice()</h2>
+  <p>The array <code>splice()</code> method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index.</p>
+  <p><strong><a href="/web-features-explorer/features/array-splice/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="autofocus" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Autofocus</h2>
+  <p>The <code>autofocus</code> HTML attribute gives focus to an element on page load.</p>
+  <p><strong><a href="/web-features-explorer/features/autofocus/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="background-clip" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>background-clip</h2>
+  <p>The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.</p>
+  <p><strong><a href="/web-features-explorer/features/background-clip/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="calc" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>calc()</h2>
+  <p>The <code>calc()</code> CSS function computes mathematical expressions such a <code>calc(100%/3 - 1em)</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/calc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">28</span>
+        <span class="date">Released on 2013-07-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-text" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Canvas text metrics</h2>
+  <p>The <code>fillText()</code> and  <code>strokeText()</code> methods draw text to a 2D canvas. The <code>measureText()</code> method measures the width and other metrics which can be used to position the text.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2009-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="http11" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>HTTP/1.1</h2>
+  <p>HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3.</p>
+  <p><strong><a href="/web-features-explorer/features/http11/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="map" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Map (initial support)</h2>
+  <p>Map objects hold key-value pairs and remember the original insertion order of the keys.</p>
+  <p><strong><a href="/web-features-explorer/features/map/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="nth-child" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>:nth-child() (initial support)</h2>
+  <p>The <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements (first, second, third, fourth, and so on), counted from the first or last sibling.</p>
+  <p><strong><a href="/web-features-explorer/features/nth-child/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">3.1</span>
+        <span class="date">Released on 2008-03-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2008-07-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Promise (initial support)</h2>
+  <p>A promise represents an asynchronous operation which eventually succeeds or fails.</p>
+  <p><strong><a href="/web-features-explorer/features/promise/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="request-animation-frame" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>requestAnimationFrame()</h2>
+  <p>The <code>requestAnimationFrame()</code> method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/request-animation-frame/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">24</span>
+        <span class="date">Released on 2013-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="search-input-type" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>&lt;input type=&quot;search&quot;&gt;</h2>
+  <p>The <code>&#x3C;input></code> HTML element with the <code>type="search"</code> attribute represents a text field for search queries, which might be styled differently by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/search-input-type/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="set" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Set (initial support)</h2>
+  <p>Set objects store unique values of any type.</p>
+  <p><strong><a href="/web-features-explorer/features/set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on </span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-indent" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>text-indent</h2>
+  <p>The <code>text-indent</code> CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.</p>
+  <p><strong><a href="/web-features-explorer/features/text-indent/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="typed-arrays" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Typed arrays (initial support)</h2>
+  <p>Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.</p>
+  <p><strong><a href="/web-features-explorer/features/typed-arrays/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2010-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5.1</span>
+        <span class="date">Released on 2011-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webvtt" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>WebVTT</h2>
+  <p>WebVTT is a captions and subtitles format. WebVTT files are loaded using the <code>&#x3C;track></code> element, and the <code>VTTCue</code> API can be used to create or update cues dynamically.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2012-11-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+</ul>
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/abortable-fetch/index.html b/docs/features/abortable-fetch/index.html
new file mode 100644
index 0000000000..3c7841ec56
--- /dev/null
+++ b/docs/features/abortable-fetch/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Abortable fetch</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="abortable-fetch" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+  
+  <h1>Abortable fetch</h1>
+  <p>If you construct a fetch request with an <code>AbortSignal</code>, you can cancel the request.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/signal">Request.signal</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://fetch.spec.whatwg.org/#ref-for-dom-request-signal%E2%91%A1">https://fetch.spec.whatwg.org/#ref-for-dom-request-signal%E2%91%A1</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Abortable fetch">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Abortable fetch+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Abortable fetch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Abortable fetch+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Abortable fetch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Abortable fetch+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/_globals/fetch.json">api.fetch.init_signal_parameter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.signal</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/aborting/index.html b/docs/features/aborting/index.html
new file mode 100644
index 0000000000..4d756cb114
--- /dev/null
+++ b/docs/features/aborting/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>AbortController and AbortSignal</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="aborting" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+  
+  <h1>AbortController and AbortSignal</h1>
+  <p>The <code>AbortController</code> and <code>AbortSignal</code> APIs allow you to cancel an ongoing operation, such as a <code>fetch()</code> request.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/abortcontroller">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortController">AbortController</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortController/AbortController">AbortController.AbortController</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortController/abort">AbortController.abort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortController/signal">AbortController.signal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortSignal">AbortSignal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortSignal/abort_event">AbortSignal.abort_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortSignal/aborted">AbortSignal.aborted</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://dom.spec.whatwg.org/#aborting-ongoing-activities">https://dom.spec.whatwg.org/#aborting-ongoing-activities</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#AbortController and AbortSignal">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement AbortController and AbortSignal+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=AbortController and AbortSignal">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement AbortController and AbortSignal+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=AbortController and AbortSignal">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement AbortController and AbortSignal+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortController.json">api.AbortController</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortController.json">api.AbortController.AbortController</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortController.json">api.AbortController.abort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortController.json">api.AbortController.signal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortSignal.json">api.AbortSignal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortSignal.json">api.AbortSignal.abort_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortSignal.json">api.AbortSignal.aborted</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/abortsignal-any/index.html b/docs/features/abortsignal-any/index.html
new file mode 100644
index 0000000000..acf599fca5
--- /dev/null
+++ b/docs/features/abortsignal-any/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>AbortSignal.any()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="abortsignal-any" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+  
+  <h1>AbortSignal.any()</h1>
+  <p>The <code>AbortSignal.any()</code> static method combines an iterable of abort signals into a single signal, with the abort reason taken from the first signal to abort.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AbortSignal/any_static">AbortSignal.any_static</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://dom.spec.whatwg.org/#dom-abortsignal-any">https://dom.spec.whatwg.org/#dom-abortsignal-any</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#AbortSignal.any()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement AbortSignal.any()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=AbortSignal.any()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement AbortSignal.any()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=AbortSignal.any()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement AbortSignal.any()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AbortSignal.json">api.AbortSignal.any_static</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/abs-sign/index.html b/docs/features/abs-sign/index.html
new file mode 100644
index 0000000000..bd785c4118
--- /dev/null
+++ b/docs/features/abs-sign/index.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>abs() and sign()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="abs-sign" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>abs() and sign()</h1>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/abs">abs property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/sign()">sign() property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#sign-funcs">https://drafts.csswg.org/css-values-4/#sign-funcs</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#abs() and sign()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement abs() and sign()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=abs() and sign()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement abs() and sign()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=abs() and sign()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement abs() and sign()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/abs.json">css.types.abs</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/sign.json">css.types.sign</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/accent-color/index.html b/docs/features/accent-color/index.html
new file mode 100644
index 0000000000..8f35064287
--- /dev/null
+++ b/docs/features/accent-color/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>accent-color</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="accent-color" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>accent-color</h1>
+  <p>The <code>accent-color</code> CSS property sets a color for checkboxes, radio buttons, and other form controls.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/accent-color">accent-color property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-ui-4/#widget-accent">https://drafts.csswg.org/css-ui-4/#widget-accent</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#accent-color">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement accent-color+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=accent-color">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement accent-color+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=accent-color">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement accent-color+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/accent-color.json">css.properties.accent-color</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/accent-color.json">css.properties.accent-color.auto</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/anchor-positioning/index.html b/docs/features/anchor-positioning/index.html
new file mode 100644
index 0000000000..754fef70ac
--- /dev/null
+++ b/docs/features/anchor-positioning/index.html
@@ -0,0 +1,536 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Anchor positioning</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="anchor-positioning" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Anchor positioning</h1>
+  <p>Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-anchor-positioning">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPositionTryDescriptors">CSSPositionTryDescriptors</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPositionTryRule">CSSPositionTryRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPositionTryRule/name">CSSPositionTryRule.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPositionTryRule/style">CSSPositionTryRule.style</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@position-try">@position-try property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/anchor-name">anchor-name property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/inset-area">inset-area property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/position-anchor">position-anchor property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/position-try">position-try property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/position-try-options">position-try-options property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/inset-area_function">inset-area_function property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/position-try-order">position-try-order property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/position-visibility">position-visibility property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/anchor">anchor property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/anchor-size">anchor-size property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-anchor-position-1/#anchoring">https://drafts.csswg.org/css-anchor-position-1/#anchoring</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Anchor positioning">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Anchor positioning+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Anchor positioning">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Anchor positioning+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Anchor positioning">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Anchor positioning+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.align-self</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.alignSelf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.block-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.blockSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inlineSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-area</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-block</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-inline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.inset-inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetArea</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetBlock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetBlockEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetBlockStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetInline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetInlineEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.insetInlineStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.justify-self</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.justifySelf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.left</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-block</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-inline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-left</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-right</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.margin-top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginBlock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginBlockEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginBlockStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginBottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginInline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginInlineEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginInlineStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginLeft</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginRight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.marginTop</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.max-block-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.max-height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.max-inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.max-width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.maxBlockSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.maxHeight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.maxInlineSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.maxWidth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.min-block-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.min-height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.min-inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.min-width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.minBlockSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.minHeight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.minInlineSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.minWidth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.place-self</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.placeSelf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.position-anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.positionAnchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.right</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryDescriptors.json">api.CSSPositionTryDescriptors.width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryRule.json">api.CSSPositionTryRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryRule.json">api.CSSPositionTryRule.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPositionTryRule.json">api.CSSPositionTryRule.style</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/position-try.json">css.at-rules.position-try</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-items.json">css.properties.align-items.anchor-center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-self.json">css.properties.align-self.anchor-center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/anchor-name.json">css.properties.anchor-name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/anchor-name.json">css.properties.anchor-name.none</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/block-size.json">css.properties.block-size.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/bottom.json">css.properties.bottom.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/height.json">css.properties.height.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inline-size.json">css.properties.inline-size.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset.json">css.properties.inset.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.left</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.none</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.right</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.self-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.self-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-all</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-x-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-x-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-y-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.span-y-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.x-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.x-self-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.x-self-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.x-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.y-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.y-self-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.y-self-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-area.json">css.properties.inset-area.y-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-block.json">css.properties.inset-block.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-block-end.json">css.properties.inset-block-end.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-block-start.json">css.properties.inset-block-start.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-inline.json">css.properties.inset-inline.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-inline-end.json">css.properties.inset-inline-end.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/inset-inline-start.json">css.properties.inset-inline-start.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-items.json">css.properties.justify-items.anchor-center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-self.json">css.properties.justify-self.anchor-center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/left.json">css.properties.left.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/max-block-size.json">css.properties.max-block-size.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/max-height.json">css.properties.max-height.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/max-inline-size.json">css.properties.max-inline-size.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/max-width.json">css.properties.max-width.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/min-block-size.json">css.properties.min-block-size.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/min-height.json">css.properties.min-height.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/min-inline-size.json">css.properties.min-inline-size.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/min-width.json">css.properties.min-width.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-items.json">css.properties.place-items.anchor-center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-self.json">css.properties.place-self.anchor-center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-anchor.json">css.properties.position-anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try.json">css.properties.position-try</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-options.json">css.properties.position-try-options</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-options.json">css.properties.position-try-options.flip-block</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-options.json">css.properties.position-try-options.flip-inline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-options.json">css.properties.position-try-options.flip-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-options.json">css.properties.position-try-options.inset-area</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-options.json">css.properties.position-try-options.none</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-order.json">css.properties.position-try-order</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-order.json">css.properties.position-try-order.most-block-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-order.json">css.properties.position-try-order.most-height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-order.json">css.properties.position-try-order.most-inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-order.json">css.properties.position-try-order.most-width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-try-order.json">css.properties.position-try-order.normal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-visibility.json">css.properties.position-visibility</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-visibility.json">css.properties.position-visibility.always</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-visibility.json">css.properties.position-visibility.anchors-visible</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position-visibility.json">css.properties.position-visibility.no-overflow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/right.json">css.properties.right.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/top.json">css.properties.top.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/width.json">css.properties.width.anchor-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/anchor.json">css.types.anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/anchor-size.json">css.types.anchor-size</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/animation-composition/index.html b/docs/features/animation-composition/index.html
new file mode 100644
index 0000000000..cbd0a11125
--- /dev/null
+++ b/docs/features/animation-composition/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>animation-composition</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="animation-composition" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+  
+  <h1>animation-composition</h1>
+  <p>The <code>animation-composition</code> CSS property chooses how to combine animations that affect the same property.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-composition">animation-composition property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-animations-2/#animation-composition">https://drafts.csswg.org/css-animations-2/#animation-composition</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#animation-composition">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement animation-composition+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=animation-composition">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement animation-composition+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=animation-composition">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement animation-composition+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-composition.json">css.properties.animation-composition</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/appearance/index.html b/docs/features/appearance/index.html
new file mode 100644
index 0000000000..bd7c27029e
--- /dev/null
+++ b/docs/features/appearance/index.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>appearance</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="appearance" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>appearance</h1>
+  <p>The <code>appearance</code> CSS property controls the appearance of form controls. Using <code>appearance: none</code> disables any default native appearance and allows the elements to be styled with CSS.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/appearance">appearance property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-ui-4/#appearance-switching">https://drafts.csswg.org/css-ui-4/#appearance-switching</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#appearance">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement appearance+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=appearance">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement appearance+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=appearance">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement appearance+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.button</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.checkbox</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.listbox</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.menulist</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.menulist-button</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.meter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.none</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.progress-bar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.radio</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.searchfield</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.textarea</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/appearance.json">css.properties.appearance.textfield</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/aria-attribute-reflection/index.html b/docs/features/aria-attribute-reflection/index.html
new file mode 100644
index 0000000000..20e6172d88
--- /dev/null
+++ b/docs/features/aria-attribute-reflection/index.html
@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>ARIA attribute reflection</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="aria-attribute-reflection" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+  
+  <h1>ARIA attribute reflection</h1>
+  <p>WAI-ARIA attributes have corresponding properties on <code>Element</code> and <code>ElementInternals</code> objects.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaAtomic">Element.ariaAtomic</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaAutoComplete">Element.ariaAutoComplete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaBusy">Element.ariaBusy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaChecked">Element.ariaChecked</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaColCount">Element.ariaColCount</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaColIndex">Element.ariaColIndex</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaColSpan">Element.ariaColSpan</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaCurrent">Element.ariaCurrent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaDisabled">Element.ariaDisabled</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaExpanded">Element.ariaExpanded</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaHasPopup">Element.ariaHasPopup</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaHidden">Element.ariaHidden</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaKeyShortcuts">Element.ariaKeyShortcuts</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaLabel">Element.ariaLabel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaLevel">Element.ariaLevel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaLive">Element.ariaLive</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaModal">Element.ariaModal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaMultiLine">Element.ariaMultiLine</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaMultiSelectable">Element.ariaMultiSelectable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaOrientation">Element.ariaOrientation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaPlaceholder">Element.ariaPlaceholder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaPosInSet">Element.ariaPosInSet</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaPressed">Element.ariaPressed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaReadOnly">Element.ariaReadOnly</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaRelevant">Element.ariaRelevant</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaRequired">Element.ariaRequired</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaRoleDescription">Element.ariaRoleDescription</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaRowCount">Element.ariaRowCount</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaRowIndex">Element.ariaRowIndex</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaRowSpan">Element.ariaRowSpan</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaSelected">Element.ariaSelected</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaSetSize">Element.ariaSetSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaSort">Element.ariaSort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaValueMax">Element.ariaValueMax</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaValueMin">Element.ariaValueMin</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaValueNow">Element.ariaValueNow</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/ariaValueText">Element.ariaValueText</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/aria/#accessibilityroleandproperties-correspondence">https://w3c.github.io/aria/#accessibilityroleandproperties-correspondence</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#ARIA attribute reflection">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement ARIA attribute reflection+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=ARIA attribute reflection">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ARIA attribute reflection+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=ARIA attribute reflection">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ARIA attribute reflection+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaAtomic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaAutoComplete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaBusy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaChecked</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaColCount</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaColIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaColSpan</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaCurrent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaDisabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaExpanded</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaHasPopup</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaHidden</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaInvalid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaKeyShortcuts</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaLabel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaLevel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaLive</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaModal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaMultiLine</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaMultiSelectable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaOrientation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaPlaceholder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaPosInSet</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaPressed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaReadOnly</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaRelevant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaRequired</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaRoleDescription</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaRowCount</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaRowIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaRowSpan</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaSelected</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaSetSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaSort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaValueMax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaValueMin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaValueNow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.ariaValueText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.role</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-at/index.html b/docs/features/array-at/index.html
new file mode 100644
index 0000000000..439ff5f9e2
--- /dev/null
+++ b/docs/features/array-at/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array at()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-at" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>Array at()</h1>
+  <p>The <code>at()</code> method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/at">Array.at</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/at">TypedArray.at</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.at">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.at</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array at()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array at()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array at()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array at()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array at()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array at()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.at</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.at</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-by-copy/index.html b/docs/features/array-by-copy/index.html
new file mode 100644
index 0000000000..9001364c1f
--- /dev/null
+++ b/docs/features/array-by-copy/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array by copy</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-by-copy" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+  
+  <h1>Array by copy</h1>
+  <p>The <code>toReserved()</code>, <code>toSorted()</code>, <code>toSpliced()</code>, and <code>with()</code> methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such as <code>sort()</code> or <code>reverse()</code> that change arrays in place.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/toReversed">Array.toReversed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/toSorted">Array.toSorted</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/toSpliced">Array.toSpliced</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/with">Array.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/toReversed">TypedArray.toReversed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/toSorted">TypedArray.toSorted</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/with">TypedArray.with</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.toreversed">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.toreversed</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tosorted">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tosorted</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tospliced">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tospliced</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.with">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.with</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.toreversed">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.toreversed</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.tosorted">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.tosorted</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.with">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.with</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array by copy">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array by copy+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array by copy">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array by copy+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array by copy">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array by copy+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.toReversed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.toSorted</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.toSpliced</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.toReversed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.toSorted</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.with</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-copywithin/index.html b/docs/features/array-copywithin/index.html
new file mode 100644
index 0000000000..c321df14bb
--- /dev/null
+++ b/docs/features/array-copywithin/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array copyWithin()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-copywithin" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+  
+  <h1>Array copyWithin()</h1>
+  <p>The <code>copyWithin()</code> method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin">Array.copyWithin</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/copyWithin">TypedArray.copyWithin</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.copywithin">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.copywithin</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array copyWithin()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array copyWithin()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array copyWithin()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array copyWithin()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array copyWithin()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array copyWithin()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.copyWithin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.copyWithin</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-fill/index.html b/docs/features/array-fill/index.html
new file mode 100644
index 0000000000..97f7007822
--- /dev/null
+++ b/docs/features/array-fill/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array fill()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-fill" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+  
+  <h1>Array fill()</h1>
+  <p>The <code>fill()</code> method of arrays and typed arrays sets all or some items of an array to a given a value.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill">Array.fill</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/fill">TypedArray.fill</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.fill">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.fill</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.fill">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.fill</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array fill()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array fill()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array fill()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array fill()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array fill()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array fill()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.fill</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.fill</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-find/index.html b/docs/features/array-find/index.html
new file mode 100644
index 0000000000..98e4b925a0
--- /dev/null
+++ b/docs/features/array-find/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array find() and findIndex()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-find" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+  
+  <h1>Array find() and findIndex()</h1>
+  <p>The <code>find()</code> and <code>findIndex()</code> methods of arrays and typed arrays search an array for the first item that satisfies a test function.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/array-find,array-find-index">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/find">Array.find</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex">Array.findIndex</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/find">TypedArray.find</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/findIndex">TypedArray.findIndex</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.find">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.find</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.findindex">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.findindex</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.find">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.find</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.findindex">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.findindex</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array find() and findIndex()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array find() and findIndex()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array find() and findIndex()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array find() and findIndex()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array find() and findIndex()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array find() and findIndex()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.find</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.findIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.find</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.findIndex</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-findlast/index.html b/docs/features/array-findlast/index.html
new file mode 100644
index 0000000000..0f833f0a6c
--- /dev/null
+++ b/docs/features/array-findlast/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array findLast() and findLastIndex()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-findlast" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-23 (baseline low)
+  
+</div>
+  
+  <h1>Array findLast() and findLastIndex()</h1>
+  <p>The <code>findLast()</code> and <code>findLastIndex()</code> methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/findLast">Array.findLast</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/findLastIndex">Array.findLastIndex</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/findLast">TypedArray.findLast</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/findLastIndex">TypedArray.findLastIndex</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.findlast">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.findlast</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.findlastindex">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.findlastindex</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.findlast">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.findlast</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.findlastindex">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.findlastindex</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array findLast() and findLastIndex()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array findLast() and findLastIndex()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array findLast() and findLastIndex()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array findLast() and findLastIndex()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array findLast() and findLastIndex()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array findLast() and findLastIndex()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.findLast</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.findLastIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.findLast</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.findLastIndex</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-flat/index.html b/docs/features/array-flat/index.html
new file mode 100644
index 0000000000..778e10a641
--- /dev/null
+++ b/docs/features/array-flat/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array flat() and flatMap()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-flat" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>Array flat() and flatMap()</h1>
+  <p>The <code>flat()</code> and <code>flatMap()</code> methods for arrays creates a new array such that each nested array item is concatenated into it.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/array-flat">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/flat">Array.flat</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/flatMap">Array.flatMap</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.flat">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.flat</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.flatmap">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.flatmap</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array flat() and flatMap()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array flat() and flatMap()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array flat() and flatMap()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array flat() and flatMap()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array flat() and flatMap()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array flat() and flatMap()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.flat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.flatMap</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-from/index.html b/docs/features/array-from/index.html
new file mode 100644
index 0000000000..a8c13d933c
--- /dev/null
+++ b/docs/features/array-from/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array.from()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-from" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+  
+  <h1>Array.from()</h1>
+  <p>The <code>Array.from()</code> and typed array <code>.from()</code> static methods copy items from an iterable or array-like object to make a new array.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/from">Array.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/from">TypedArray.from</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.from">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.from</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.of">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.of</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array.from()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.from()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array.from()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.from()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array.from()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.from()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.from</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-fromasync/index.html b/docs/features/array-fromasync/index.html
new file mode 100644
index 0000000000..51da7e7d43
--- /dev/null
+++ b/docs/features/array-fromasync/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array.fromAsync()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-fromasync" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-25 (baseline low)
+  
+</div>
+  
+  <h1>Array.fromAsync()</h1>
+  <p>The <code>Array.fromAsync()</code> static method copies items from an async iterable object to make a new array.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fromAsync">Array.fromAsync</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/proposal-array-from-async/#sec-array.fromAsync">https://tc39.es/proposal-array-from-async/#sec-array.fromAsync</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array.fromAsync()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.fromAsync()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array.fromAsync()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.fromAsync()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array.fromAsync()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.fromAsync()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.fromAsync</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-group/index.html b/docs/features/array-group/index.html
new file mode 100644
index 0000000000..640504521d
--- /dev/null
+++ b/docs/features/array-group/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array grouping</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-group" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+  
+  <h1>Array grouping</h1>
+  <p>The <code>Object.groupBy()</code> and <code>Map.groupBy()</code> static methods group values of arrays and iterables based on a function that returns a key for each value.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/groupBy">Map.groupBy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy">Object.groupBy</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/proposal-array-grouping/">https://tc39.es/proposal-array-grouping/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array grouping">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array grouping+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array grouping">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array grouping+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array grouping">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array grouping+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.groupBy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Object.json">javascript.builtins.Object.groupBy</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-includes/index.html b/docs/features/array-includes/index.html
new file mode 100644
index 0000000000..c87e917873
--- /dev/null
+++ b/docs/features/array-includes/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array includes()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-includes" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-06-01 (baseline high)
+</div>
+  
+  <h1>Array includes()</h1>
+  <p>The <code>includes()</code> method of arrays and typed arrays returns whether a given value appears in the array.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/includes">Array.includes</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/includes">TypedArray.includes</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.includes">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.includes</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.includes">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.includes</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array includes()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array includes()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array includes()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array includes()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array includes()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array includes()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.includes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.includes</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-isarray/index.html b/docs/features/array-isarray/index.html
new file mode 100644
index 0000000000..77e262b387
--- /dev/null
+++ b/docs/features/array-isarray/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array.isArray()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-isarray" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Array.isArray()</h1>
+  <p>The <code>Array.isArray()</code> static method checks whether a value is an array.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray">Array.isArray</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.isarray">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.isarray</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array.isArray()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.isArray()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array.isArray()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.isArray()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array.isArray()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.isArray()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.isArray</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-iteration-methods/index.html b/docs/features/array-iteration-methods/index.html
new file mode 100644
index 0000000000..7acd27f483
--- /dev/null
+++ b/docs/features/array-iteration-methods/index.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array iteration methods</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-iteration-methods" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Array iteration methods</h1>
+  <p>Array iteration methods</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2009-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/every">Array.every</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/filter">Array.filter</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach">Array.forEach</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf">Array.indexOf</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf">Array.lastIndexOf</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map">Array.map</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce">Array.reduce</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/reduceRight">Array.reduceRight</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/some">Array.some</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.every">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.every</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.filter">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.filter</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.foreach">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.foreach</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.indexof">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.indexof</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.lastindexof">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.lastindexof</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.map">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.map</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.reduce">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.reduce</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.reduceright">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.reduceright</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.some">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.some</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array iteration methods">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array iteration methods+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array iteration methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array iteration methods+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array iteration methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array iteration methods+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.every</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.filter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.indexOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.lastIndexOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.map</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.reduce</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.reduceRight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.some</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-iterators/index.html b/docs/features/array-iterators/index.html
new file mode 100644
index 0000000000..a1e97376d6
--- /dev/null
+++ b/docs/features/array-iterators/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array iterators</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-iterators" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+  
+  <h1>Array iterators</h1>
+  <p>Arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/@@iterator">Array.@@iterator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/entries">Array.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/keys">Array.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/values">Array.values</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype-@@iterator">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype-@@iterator</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.entries">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.entries</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.keys">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.keys</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.values">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.values</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array iterators">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array iterators+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array iterators">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array iterators+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array iterators">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array iterators+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.values</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-of/index.html b/docs/features/array-of/index.html
new file mode 100644
index 0000000000..1b30c277db
--- /dev/null
+++ b/docs/features/array-of/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array.of()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-of" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+  
+  <h1>Array.of()</h1>
+  <p>The <code>Array.of()</code> and typed array <code>.of()</code> static methods create new arrays from the values of any number of arguments.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/of">Array.of</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/of">TypedArray.of</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.of">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.of</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.of">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.of</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array.of()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.of()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array.of()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.of()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array.of()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array.of()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.of</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.of</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array-splice/index.html b/docs/features/array-splice/index.html
new file mode 100644
index 0000000000..95841e0fc0
--- /dev/null
+++ b/docs/features/array-splice/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array splice()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array-splice" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Array splice()</h1>
+  <p>The array <code>splice()</code> method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/splice">Array.splice</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.splice">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.splice</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array splice()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array splice()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array splice()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array splice()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array splice()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array splice()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.splice</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/array/index.html b/docs/features/array/index.html
new file mode 100644
index 0000000000..66f844bcb8
--- /dev/null
+++ b/docs/features/array/index.html
@@ -0,0 +1,252 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Array (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="array" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Array (initial support)</h1>
+  <p>Arrays are ordered lists of JavaScript values.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array">Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/Array">Array.Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/concat">Array.concat</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/join">Array.join</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/length">Array.length</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/pop">Array.pop</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/push">Array.push</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse">Array.reverse</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/shift">Array.shift</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/slice">Array.slice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/sort">Array.sort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/toLocaleString">Array.toLocaleString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/toString">Array.toString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift">Array.unshift</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Lexical_grammar#Array_literals">Reference/Lexical_grammar#Array_literals</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array-objects">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array-objects</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array-constructor">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array-constructor</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.concat">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.concat</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.join">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.join</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-properties-of-array-instances-length">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-properties-of-array-instances-length</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.pop">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.pop</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.push">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.push</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.reverse">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.reverse</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.shift">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.shift</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.slice">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.slice</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.sort">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.sort</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tolocalestring">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tolocalestring</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tostring">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.tostring</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.unshift">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.unshift</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/ecmascript-language-expressions.html#sec-array-initializer">https://tc39.es/ecma262/multipage/ecmascript-language-expressions.html#sec-array-initializer</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Array (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Array (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Array (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Array (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.concat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.join</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.length</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.pop</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.push</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.reverse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.shift</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.slice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.sort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.unshift</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/grammar.json">javascript.grammar.array_literals</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/aspect-ratio/index.html b/docs/features/aspect-ratio/index.html
new file mode 100644
index 0000000000..e0926b4da2
--- /dev/null
+++ b/docs/features/aspect-ratio/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>aspect-ratio</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="aspect-ratio" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-03-20 (baseline high)
+</div>
+  
+  <h1>aspect-ratio</h1>
+  <p>The <code>aspect-ratio</code> CSS property controls the width-to-height ratio of elements. For <code>&#x3C;img></code> and <code>&#x3C;video></code> elements, the <code>width</code> and <code>height</code> attributes used together with <code>height: auto</code> control the aspect ratio while the image/video is loading.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/aspect-ratio">aspect-ratio property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">https://drafts.csswg.org/css-sizing-4/#aspect-ratio</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#aspect-ratio">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement aspect-ratio+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=aspect-ratio">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement aspect-ratio+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=aspect-ratio">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement aspect-ratio+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/aspect-ratio.json">css.properties.aspect-ratio</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/img.json">html.elements.img.aspect_ratio_computed_from_attributes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/video.json">html.elements.video.aspect_ratio_computed_from_attributes</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/async-await/index.html b/docs/features/async-await/index.html
new file mode 100644
index 0000000000..3d6a1df7d3
--- /dev/null
+++ b/docs/features/async-await/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Async functions</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="async-await" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+  
+  <h1>Async functions</h1>
+  <p>The <code>async</code> and <code>await</code> keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/async-functions">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction">AsyncFunction global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction/AsyncFunction">AsyncFunction.AsyncFunction</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/async_function">async_function operator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/await">await operator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function">async_function statement</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/ecmascript-language-functions-and-classes.html#sec-async-function-definitions">https://tc39.es/ecma262/multipage/ecmascript-language-functions-and-classes.html#sec-async-function-definitions</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Async functions">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Async functions+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Async functions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Async functions+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Async functions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Async functions+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/AsyncFunction.json">javascript.builtins.AsyncFunction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/AsyncFunction.json">javascript.builtins.AsyncFunction.AsyncFunction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/operators/async_function.json">javascript.operators.async_function</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/operators/await.json">javascript.operators.await</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.async_function</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/async-clipboard/index.html b/docs/features/async-clipboard/index.html
new file mode 100644
index 0000000000..21cc48e4b0
--- /dev/null
+++ b/docs/features/async-clipboard/index.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Async clipboard</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="async-clipboard" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Async clipboard</h1>
+  <p>The <code>navigator.clipboard</code> API asynchronously reads and writes to the system clipboard.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/async-clipboard">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Clipboard">Clipboard</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Clipboard/read">Clipboard.read</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Clipboard/readText">Clipboard.readText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Clipboard/write">Clipboard.write</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Clipboard/writeText">Clipboard.writeText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardEvent">ClipboardEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardEvent/ClipboardEvent">ClipboardEvent.ClipboardEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardEvent/clipboardData">ClipboardEvent.clipboardData</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardItem">ClipboardItem</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardItem/ClipboardItem">ClipboardItem.ClipboardItem</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardItem/getType">ClipboardItem.getType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardItem/presentationStyle">ClipboardItem.presentationStyle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ClipboardItem/types">ClipboardItem.types</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/clipboard">Navigator.clipboard</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/clipboard-apis/#async-clipboard-api">https://w3c.github.io/clipboard-apis/#async-clipboard-api</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Async clipboard">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Async clipboard+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Async clipboard">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Async clipboard+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Async clipboard">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Async clipboard+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Clipboard.json">api.Clipboard</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Clipboard.json">api.Clipboard.read</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Clipboard.json">api.Clipboard.readText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Clipboard.json">api.Clipboard.write</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Clipboard.json">api.Clipboard.writeText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardEvent.json">api.ClipboardEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardEvent.json">api.ClipboardEvent.ClipboardEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardEvent.json">api.ClipboardEvent.clipboardData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardItem.json">api.ClipboardItem</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardItem.json">api.ClipboardItem.ClipboardItem</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardItem.json">api.ClipboardItem.getType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardItem.json">api.ClipboardItem.presentationStyle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardItem.json">api.ClipboardItem.types</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.clipboard</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Permissions.json">api.Permissions.permission_clipboard-read</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/audio-session/index.html b/docs/features/audio-session/index.html
new file mode 100644
index 0000000000..4dbafbbf2d
--- /dev/null
+++ b/docs/features/audio-session/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Audio session</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="audio-session" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Audio session</h1>
+  <p>The <code>navigator.audioSession</code> API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/audio-session/">https://w3c.github.io/audio-session/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Audio session">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Audio session+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Audio session">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Audio session+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Audio session">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Audio session+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioSession.json">api.AudioSession</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioSession.json">api.AudioSession.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.audioSession</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/audio-video-tracks/index.html b/docs/features/audio-video-tracks/index.html
new file mode 100644
index 0000000000..dfef52161b
--- /dev/null
+++ b/docs/features/audio-video-tracks/index.html
@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Audio and video tracks</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="audio-video-tracks" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Audio and video tracks</h1>
+  <p>The <code>audioTracks</code> and <code>videoTracks</code> APIs for media elements switch audio and video tracks during playback.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/audiotracks,videotracks">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrack">AudioTrack</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrack/enabled">AudioTrack.enabled</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrack/id">AudioTrack.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrack/kind">AudioTrack.kind</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrack/label">AudioTrack.label</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrack/language">AudioTrack.language</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrackList">AudioTrackList</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrackList/addtrack_event">AudioTrackList.addtrack_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrackList/change_event">AudioTrackList.change_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrackList/getTrackById">AudioTrackList.getTrackById</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrackList/length">AudioTrackList.length</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioTrackList/removetrack_event">AudioTrackList.removetrack_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/audioTracks">HTMLMediaElement.audioTracks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/videoTracks">HTMLMediaElement.videoTracks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrack">VideoTrack</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrack/id">VideoTrack.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrack/kind">VideoTrack.kind</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrack/label">VideoTrack.label</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrack/language">VideoTrack.language</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrack/selected">VideoTrack.selected</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList">VideoTrackList</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList/addtrack_event">VideoTrackList.addtrack_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList/change_event">VideoTrackList.change_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList/getTrackById">VideoTrackList.getTrackById</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList/length">VideoTrackList.length</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList/removetrack_event">VideoTrackList.removetrack_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoTrackList/selectedIndex">VideoTrackList.selectedIndex</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/media.html#media-resources-with-multiple-media-tracks">https://html.spec.whatwg.org/multipage/media.html#media-resources-with-multiple-media-tracks</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Audio and video tracks">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Audio and video tracks+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Audio and video tracks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Audio and video tracks+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Audio and video tracks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Audio and video tracks+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrack.json">api.AudioTrack</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrack.json">api.AudioTrack.enabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrack.json">api.AudioTrack.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrack.json">api.AudioTrack.kind</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrack.json">api.AudioTrack.label</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrack.json">api.AudioTrack.language</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrackList.json">api.AudioTrackList</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrackList.json">api.AudioTrackList.addtrack_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrackList.json">api.AudioTrackList.change_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrackList.json">api.AudioTrackList.getTrackById</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrackList.json">api.AudioTrackList.length</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioTrackList.json">api.AudioTrackList.removetrack_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLMediaElement.json">api.HTMLMediaElement.audioTracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLMediaElement.json">api.HTMLMediaElement.videoTracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrack.json">api.VideoTrack</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrack.json">api.VideoTrack.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrack.json">api.VideoTrack.kind</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrack.json">api.VideoTrack.label</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrack.json">api.VideoTrack.language</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrack.json">api.VideoTrack.selected</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList.addtrack_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList.change_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList.getTrackById</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList.length</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList.removetrack_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoTrackList.json">api.VideoTrackList.selectedIndex</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/autofill/index.html b/docs/features/autofill/index.html
new file mode 100644
index 0000000000..cf615313a0
--- /dev/null
+++ b/docs/features/autofill/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:autofill</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="autofill" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-09 (baseline low)
+  
+</div>
+  
+  <h1>:autofill</h1>
+  <p>The <code>:autofill</code> pseudo-class matches <code>&#x3C;input></code> elements that have been filled in automatically by the browser.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:autofill">:autofill pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/semantics-other.html#selector-autofill">https://html.spec.whatwg.org/multipage/semantics-other.html#selector-autofill</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:autofill">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :autofill+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:autofill">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :autofill+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:autofill">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :autofill+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/autofill.json">css.selectors.autofill</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/autofocus/index.html b/docs/features/autofocus/index.html
new file mode 100644
index 0000000000..1458520c89
--- /dev/null
+++ b/docs/features/autofocus/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Autofocus</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="autofocus" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Autofocus</h1>
+  <p>The <code>autofocus</code> HTML attribute gives focus to an element on page load.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/autofocus">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/autofocus">HTMLElement.autofocus</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/autofocus">autofocus global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interaction.html#the-autofocus-attribute">https://html.spec.whatwg.org/multipage/interaction.html#the-autofocus-attribute</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Autofocus">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Autofocus+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Autofocus">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Autofocus+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Autofocus">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Autofocus+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.autofocus</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MathMLElement.json">api.MathMLElement.autofocus</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SVGElement.json">api.SVGElement.autofocus</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.autofocus</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/autonomous-custom-elements/index.html b/docs/features/autonomous-custom-elements/index.html
new file mode 100644
index 0000000000..141aaaa132
--- /dev/null
+++ b/docs/features/autonomous-custom-elements/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Autonomous custom elements</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="autonomous-custom-elements" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>Autonomous custom elements</h1>
+  <p>Autonomous custom elements are HTML elements with a hyphenated tag name (like <code>&#x3C;example-element></code>) that have behaviors you define.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CustomElementRegistry">CustomElementRegistry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CustomElementRegistry/define">CustomElementRegistry.define</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/customElements">Window.customElements</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:defined">:defined pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/custom-elements.html#autonomous-custom-element">https://html.spec.whatwg.org/multipage/custom-elements.html#autonomous-custom-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Autonomous custom elements">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Autonomous custom elements+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Autonomous custom elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Autonomous custom elements+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Autonomous custom elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Autonomous custom elements+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CustomElementRegistry.json">api.CustomElementRegistry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CustomElementRegistry.json">api.CustomElementRegistry.define</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.customElements</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/defined.json">css.selectors.defined</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/avif/index.html b/docs/features/avif/index.html
new file mode 100644
index 0000000000..fc1acc823a
--- /dev/null
+++ b/docs/features/avif/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>AVIF</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="avif" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-26 (baseline low)
+  
+</div>
+  
+  <h1>AVIF</h1>
+  <p>AVIF (AV1 Image File Format) is an image format based on the AV1 video format.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/avif">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://aomediacodec.github.io/av1-avif/">https://aomediacodec.github.io/av1-avif/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#AVIF">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement AVIF+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=AVIF">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement AVIF+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=AVIF">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement AVIF+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/backdrop-filter/index.html b/docs/features/backdrop-filter/index.html
new file mode 100644
index 0000000000..ae226fdf47
--- /dev/null
+++ b/docs/features/backdrop-filter/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>backdrop-filter</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="backdrop-filter" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>backdrop-filter</h1>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-backdrop-filter">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/backdrop-filter">backdrop-filter property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty">https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#backdrop-filter">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement backdrop-filter+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=backdrop-filter">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement backdrop-filter+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=backdrop-filter">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement backdrop-filter+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/backdrop-filter.json">css.properties.backdrop-filter</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/background-clip-text/index.html b/docs/features/background-clip-text/index.html
new file mode 100644
index 0000000000..d37b5e279a
--- /dev/null
+++ b/docs/features/background-clip-text/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>background-clip: text</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="background-clip-text" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+  
+  <h1>background-clip: text</h1>
+  <p>The <code>background-clip: text</code> CSS declaration draws the background underneath only the text in the element.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-backgrounds-4/#background-clip">https://drafts.csswg.org/css-backgrounds-4/#background-clip</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#background-clip: text">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement background-clip: text+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=background-clip: text">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement background-clip: text+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=background-clip: text">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement background-clip: text+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/background-clip.json">css.properties.background-clip.text</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/background-clip/index.html b/docs/features/background-clip/index.html
new file mode 100644
index 0000000000..0d0fff22ea
--- /dev/null
+++ b/docs/features/background-clip/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>background-clip</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="background-clip" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>background-clip</h1>
+  <p>The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/background-clip">background-clip property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-backgrounds-3/#background-clip">https://drafts.csswg.org/css-backgrounds-3/#background-clip</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#background-clip">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement background-clip+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=background-clip">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement background-clip+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=background-clip">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement background-clip+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/background-clip.json">css.properties.background-clip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/background-clip.json">css.properties.background-clip.border-box</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/background-clip.json">css.properties.background-clip.content-box</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/background-clip.json">css.properties.background-clip.padding-box</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/background-fetch/index.html b/docs/features/background-fetch/index.html
new file mode 100644
index 0000000000..757f944b08
--- /dev/null
+++ b/docs/features/background-fetch/index.html
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Background fetch</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="background-fetch" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Background fetch</h1>
+  <p>Background fetch downloads data in the background even when the web page is closed.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchEvent">BackgroundFetchEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchEvent/BackgroundFetchEvent">BackgroundFetchEvent.BackgroundFetchEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchEvent/registration">BackgroundFetchEvent.registration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchManager">BackgroundFetchManager</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchManager/fetch">BackgroundFetchManager.fetch</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchManager/get">BackgroundFetchManager.get</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchManager/getIds">BackgroundFetchManager.getIds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRecord">BackgroundFetchRecord</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRecord/request">BackgroundFetchRecord.request</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRecord/responseReady">BackgroundFetchRecord.responseReady</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/abort">BackgroundFetchRegistration.abort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/downloadTotal">BackgroundFetchRegistration.downloadTotal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/downloaded">BackgroundFetchRegistration.downloaded</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/failureReason">BackgroundFetchRegistration.failureReason</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/id">BackgroundFetchRegistration.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/match">BackgroundFetchRegistration.match</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/matchAll">BackgroundFetchRegistration.matchAll</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/progress_event">BackgroundFetchRegistration.progress_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/recordsAvailable">BackgroundFetchRegistration.recordsAvailable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/result">BackgroundFetchRegistration.result</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/uploadTotal">BackgroundFetchRegistration.uploadTotal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchRegistration/uploaded">BackgroundFetchRegistration.uploaded</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchUpdateUIEvent">BackgroundFetchUpdateUIEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchUpdateUIEvent/BackgroundFetchUpdateUIEvent">BackgroundFetchUpdateUIEvent.BackgroundFetchUpdateUIEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BackgroundFetchUpdateUIEvent/updateUI">BackgroundFetchUpdateUIEvent.updateUI</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerGlobalScope/backgroundfetchabort_event">ServiceWorkerGlobalScope.backgroundfetchabort_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerGlobalScope/backgroundfetchclick_event">ServiceWorkerGlobalScope.backgroundfetchclick_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerGlobalScope/backgroundfetchfail_event">ServiceWorkerGlobalScope.backgroundfetchfail_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerGlobalScope/backgroundfetchsuccess_event">ServiceWorkerGlobalScope.backgroundfetchsuccess_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerRegistration/backgroundFetch">ServiceWorkerRegistration.backgroundFetch</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/background-fetch/">https://wicg.github.io/background-fetch/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Background fetch">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Background fetch+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Background fetch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Background fetch+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Background fetch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Background fetch+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchEvent.json">api.BackgroundFetchEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchEvent.json">api.BackgroundFetchEvent.BackgroundFetchEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchEvent.json">api.BackgroundFetchEvent.registration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchManager.json">api.BackgroundFetchManager</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchManager.json">api.BackgroundFetchManager.fetch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchManager.json">api.BackgroundFetchManager.get</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchManager.json">api.BackgroundFetchManager.getIds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRecord.json">api.BackgroundFetchRecord</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRecord.json">api.BackgroundFetchRecord.request</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRecord.json">api.BackgroundFetchRecord.responseReady</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.abort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.downloadTotal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.downloaded</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.failureReason</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.match</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.matchAll</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.progress_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.recordsAvailable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.result</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.uploadTotal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchRegistration.json">api.BackgroundFetchRegistration.uploaded</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchUpdateUIEvent.json">api.BackgroundFetchUpdateUIEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchUpdateUIEvent.json">api.BackgroundFetchUpdateUIEvent.BackgroundFetchUpdateUIEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BackgroundFetchUpdateUIEvent.json">api.BackgroundFetchUpdateUIEvent.updateUI</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerGlobalScope.json">api.ServiceWorkerGlobalScope.backgroundfetchabort_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerGlobalScope.json">api.ServiceWorkerGlobalScope.backgroundfetchclick_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerGlobalScope.json">api.ServiceWorkerGlobalScope.backgroundfetchfail_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerGlobalScope.json">api.ServiceWorkerGlobalScope.backgroundfetchsuccess_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerRegistration.json">api.ServiceWorkerRegistration.backgroundFetch</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/baseline-source/index.html b/docs/features/baseline-source/index.html
new file mode 100644
index 0000000000..ceb110f56a
--- /dev/null
+++ b/docs/features/baseline-source/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>baseline-source</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="baseline-source" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>baseline-source</h1>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/baseline-source">baseline-source property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-inline-3/#baseline-source">https://drafts.csswg.org/css-inline-3/#baseline-source</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#baseline-source">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement baseline-source+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=baseline-source">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement baseline-source+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=baseline-source">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement baseline-source+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/baseline-source.json">css.properties.baseline-source</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/baseline-source.json">css.properties.baseline-source.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/baseline-source.json">css.properties.baseline-source.first</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/baseline-source.json">css.properties.baseline-source.last</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/bigint/index.html b/docs/features/bigint/index.html
new file mode 100644
index 0000000000..b53cda927b
--- /dev/null
+++ b/docs/features/bigint/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>BigInt</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="bigint" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+  
+  <h1>BigInt</h1>
+  <p>The <code>BigInt</code> JavaScript type represents integers of any size, including integers too large for the primitive <code>Number</code> type.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/bigint">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt">BigInt global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt">BigInt.BigInt</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt/asIntN">BigInt.asIntN</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt/asUintN">BigInt.asUintN</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt/toLocaleString">BigInt.toLocaleString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt/toString">BigInt.toString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/BigInt/valueOf">BigInt.valueOf</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/numbers-and-dates.html#sec-bigint-objects">https://tc39.es/ecma262/multipage/numbers-and-dates.html#sec-bigint-objects</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#BigInt">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement BigInt+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=BigInt">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement BigInt+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=BigInt">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement BigInt+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt.BigInt</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt.asIntN</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt.asUintN</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/BigInt.json">javascript.builtins.BigInt.valueOf</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/blocking-render/index.html b/docs/features/blocking-render/index.html
new file mode 100644
index 0000000000..f5f511fa46
--- /dev/null
+++ b/docs/features/blocking-render/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>blocking=&amp;quot;render&amp;quot;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="blocking-render" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>blocking=&quot;render&quot;</h1>
+  <p>The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLLinkElement/blocking">HTMLLinkElement.blocking</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLScriptElement/blocking">HTMLScriptElement.blocking</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLStyleElement/blocking">HTMLStyleElement.blocking</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/urls-and-fetching.html#blocking-attributes">https://html.spec.whatwg.org/multipage/urls-and-fetching.html#blocking-attributes</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#blocking=&quot;render&quot;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement blocking=&quot;render&quot;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=blocking=&quot;render&quot;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement blocking=&quot;render&quot;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=blocking=&quot;render&quot;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement blocking=&quot;render&quot;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLLinkElement.json">api.HTMLLinkElement.blocking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLScriptElement.json">api.HTMLScriptElement.blocking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLStyleElement.json">api.HTMLStyleElement.blocking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/link.json">html.elements.link.blocking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/script.json">html.elements.script.blocking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/style.json">html.elements.style.blocking</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/border-image/index.html b/docs/features/border-image/index.html
new file mode 100644
index 0000000000..ea6f611c50
--- /dev/null
+++ b/docs/features/border-image/index.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Border images</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="border-image" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-08-01 (baseline high)
+</div>
+  
+  <h1>Border images</h1>
+  <p>The <code>border-image</code> CSS property draws an image around an element.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/border-image">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/border-image">border-image property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/border-image-outset">border-image-outset property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/border-image-repeat">border-image-repeat property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/border-image-slice">border-image-slice property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/border-image-source">border-image-source property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/border-image-width">border-image-width property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-backgrounds-3/#border-images">https://drafts.csswg.org/css-backgrounds-3/#border-images</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Border images">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Border images+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Border images">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Border images+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Border images">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Border images+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image.json">css.properties.border-image</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image.json">css.properties.border-image.fill</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image.json">css.properties.border-image.gradient</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image.json">css.properties.border-image.optional_border_image_slice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-outset.json">css.properties.border-image-outset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-repeat.json">css.properties.border-image-repeat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-repeat.json">css.properties.border-image-repeat.round</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-repeat.json">css.properties.border-image-repeat.space</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-slice.json">css.properties.border-image-slice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-source.json">css.properties.border-image-source</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/border-image-width.json">css.properties.border-image-width</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/broadcast-channel/index.html b/docs/features/broadcast-channel/index.html
new file mode 100644
index 0000000000..98f12dfa07
--- /dev/null
+++ b/docs/features/broadcast-channel/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>BroadcastChannel</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="broadcast-channel" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>BroadcastChannel</h1>
+  <p>The <code>BroadcastChannel</code> API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/broadcastchannel">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel">BroadcastChannel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel/BroadcastChannel">BroadcastChannel.BroadcastChannel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel/close">BroadcastChannel.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel/message_event">BroadcastChannel.message_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel/messageerror_event">BroadcastChannel.messageerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel/name">BroadcastChannel.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BroadcastChannel/postMessage">BroadcastChannel.postMessage</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/web-messaging.html#broadcasting-to-other-browsing-contexts">https://html.spec.whatwg.org/multipage/web-messaging.html#broadcasting-to-other-browsing-contexts</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#BroadcastChannel">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement BroadcastChannel+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=BroadcastChannel">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement BroadcastChannel+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=BroadcastChannel">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement BroadcastChannel+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel.BroadcastChannel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel.message_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel.messageerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BroadcastChannel.json">api.BroadcastChannel.postMessage</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/calc-constants/index.html b/docs/features/calc-constants/index.html
new file mode 100644
index 0000000000..5140b24c62
--- /dev/null
+++ b/docs/features/calc-constants/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>calc() constants</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="calc-constants" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+  
+  <h1>calc() constants</h1>
+  <p>The <code>e</code>, <code>pi</code>, <code>infinity</code>, and <code>NaN</code> constants are accepted in CSS math functions such as <code>calc()</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/calc-constant">calc-constant property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#calc-keywords">https://drafts.csswg.org/css-values-4/#calc-keywords</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#calc() constants">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement calc() constants+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=calc() constants">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement calc() constants+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=calc() constants">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement calc() constants+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/calc-constant.json">css.types.calc-constant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/calc-constant.json">css.types.calc-constant.NaN</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/calc-constant.json">css.types.calc-constant.e</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/calc-constant.json">css.types.calc-constant.infinity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/calc-constant.json">css.types.calc-constant.pi</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/calc/index.html b/docs/features/calc/index.html
new file mode 100644
index 0000000000..f91f7474a3
--- /dev/null
+++ b/docs/features/calc/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>calc()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="calc" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>calc()</h1>
+  <p>The <code>calc()</code> CSS function computes mathematical expressions such a <code>calc(100%/3 - 1em)</code>.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/calc">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">28</span>
+        <span class="date">Released on 2013-07-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/calc">calc property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-3/#calc-notation">https://drafts.csswg.org/css-values-3/#calc-notation</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#calc()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement calc()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=calc()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement calc()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=calc()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement calc()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/calc.json">css.types.calc</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/canvas-context-lost/index.html b/docs/features/canvas-context-lost/index.html
new file mode 100644
index 0000000000..7db14764ce
--- /dev/null
+++ b/docs/features/canvas-context-lost/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>contextlost and contextrestored</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="canvas-context-lost" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>contextlost and contextrestored</h1>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isContextLost">CanvasRenderingContext2D.isContextLost</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/webglcontextlost_event">HTMLCanvasElement.webglcontextlost_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/contextrestored_event">HTMLCanvasElement.contextrestored_event</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/webappapis.html#context-lost-steps">https://html.spec.whatwg.org/multipage/webappapis.html#context-lost-steps</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#contextlost and contextrestored">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement contextlost and contextrestored+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=contextlost and contextrestored">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement contextlost and contextrestored+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=contextlost and contextrestored">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement contextlost and contextrestored+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.isContextLost</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLCanvasElement.json">api.HTMLCanvasElement.contextlost_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLCanvasElement.json">api.HTMLCanvasElement.contextrestored_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.contextlost_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.contextrestored_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.isContextLost</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/canvas-createconicgradient/index.html b/docs/features/canvas-createconicgradient/index.html
new file mode 100644
index 0000000000..63831033a5
--- /dev/null
+++ b/docs/features/canvas-createconicgradient/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Canvas createConicGradient()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="canvas-createconicgradient" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+  
+  <h1>Canvas createConicGradient()</h1>
+  <p>The <code>createConicGradient()</code> methods draw a conic gradient to a 2D canvas.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/createConicGradient">CanvasRenderingContext2D.createConicGradient</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-createconicgradient-dev">https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-createconicgradient-dev</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Canvas createConicGradient()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas createConicGradient()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Canvas createConicGradient()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas createConicGradient()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Canvas createConicGradient()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas createConicGradient()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.createConicGradient</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.createConicGradient</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/canvas-reset/index.html b/docs/features/canvas-reset/index.html
new file mode 100644
index 0000000000..444dd9c46f
--- /dev/null
+++ b/docs/features/canvas-reset/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Canvas reset()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="canvas-reset" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>Canvas reset()</h1>
+  <p>The <code>reset()</code> method clears a canvas to its initial state.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/reset">CanvasRenderingContext2D.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvasRenderingContext2D#canvasrenderingcontext2d.reset">OffscreenCanvasRenderingContext2D#canvasrenderingcontext2d.reset</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-reset">https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-reset</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Canvas reset()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas reset()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Canvas reset()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas reset()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Canvas reset()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas reset()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.reset</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/canvas-roundrect/index.html b/docs/features/canvas-roundrect/index.html
new file mode 100644
index 0000000000..4375e1986c
--- /dev/null
+++ b/docs/features/canvas-roundrect/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Canvas roundRect()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="canvas-roundrect" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+  
+  <h1>Canvas roundRect()</h1>
+  <p>The <code>roundRect()</code> methods draw a rounded rectangle to a 2D canvas.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/roundRect">CanvasRenderingContext2D.roundRect</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-roundrect">https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-roundrect</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Canvas roundRect()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas roundRect()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Canvas roundRect()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas roundRect()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Canvas roundRect()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas roundRect()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.roundRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.roundRect</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/canvas-text-baselines/index.html b/docs/features/canvas-text-baselines/index.html
new file mode 100644
index 0000000000..1a3cbda771
--- /dev/null
+++ b/docs/features/canvas-text-baselines/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Canvas text baselines</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="canvas-text-baselines" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+  
+  <h1>Canvas text baselines</h1>
+  <p>The <code>alphabeticBaseline</code>, <code>hangingBaseline</code>, and <code>ideographicBaseline</code> canvas text metrics measure the distance from the used <code>textBaseline</code> to the respective typographic baseline.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextMetrics/alphabeticBaseline">TextMetrics.alphabeticBaseline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextMetrics/hangingBaseline">TextMetrics.hangingBaseline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextMetrics/ideographicBaseline">TextMetrics.ideographicBaseline</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#dom-textmetrics-alphabeticbaseline-dev">https://html.spec.whatwg.org/multipage/canvas.html#dom-textmetrics-alphabeticbaseline-dev</a></li>
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#dom-textmetrics-hangingbaseline-dev">https://html.spec.whatwg.org/multipage/canvas.html#dom-textmetrics-hangingbaseline-dev</a></li>
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#dom-textmetrics-ideographicbaseline-dev">https://html.spec.whatwg.org/multipage/canvas.html#dom-textmetrics-ideographicbaseline-dev</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Canvas text baselines">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas text baselines+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Canvas text baselines">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas text baselines+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Canvas text baselines">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas text baselines+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextMetrics.json">api.TextMetrics.alphabeticBaseline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextMetrics.json">api.TextMetrics.hangingBaseline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextMetrics.json">api.TextMetrics.ideographicBaseline</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/canvas-text/index.html b/docs/features/canvas-text/index.html
new file mode 100644
index 0000000000..07730293ba
--- /dev/null
+++ b/docs/features/canvas-text/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Canvas text metrics</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="canvas-text" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Canvas text metrics</h1>
+  <p>The <code>fillText()</code> and  <code>strokeText()</code> methods draw text to a 2D canvas. The <code>measureText()</code> method measures the width and other metrics which can be used to position the text.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2009-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillText">CanvasRenderingContext2D.fillText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/measureText">CanvasRenderingContext2D.measureText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/strokeText">CanvasRenderingContext2D.strokeText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/textAlign">CanvasRenderingContext2D.textAlign</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/textBaseline">CanvasRenderingContext2D.textBaseline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextMetrics">TextMetrics</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextMetrics/width">TextMetrics.width</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#drawing-text-to-the-bitmap">https://html.spec.whatwg.org/multipage/canvas.html#drawing-text-to-the-bitmap</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Canvas text metrics">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas text metrics+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Canvas text metrics">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas text metrics+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Canvas text metrics">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Canvas text metrics+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.fillText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.measureText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.strokeText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.textAlign</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CanvasRenderingContext2D.json">api.CanvasRenderingContext2D.textBaseline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextMetrics.json">api.TextMetrics</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextMetrics.json">api.TextMetrics.width</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/cap/index.html b/docs/features/cap/index.html
new file mode 100644
index 0000000000..17a5a8bd91
--- /dev/null
+++ b/docs/features/cap/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>cap unit</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="cap" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>cap unit</h1>
+  <p>The CSS <code>cap</code> unit corresponds to the height of Latin capital letters.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#cap">https://drafts.csswg.org/css-values-4/#cap</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#cap unit">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement cap unit+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=cap unit">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement cap unit+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=cap unit">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement cap unit+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.cap</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/cascade-layers/index.html b/docs/features/cascade-layers/index.html
new file mode 100644
index 0000000000..fe67ea932a
--- /dev/null
+++ b/docs/features/cascade-layers/index.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Cascade layers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="cascade-layers" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>Cascade layers</h1>
+  <p>The <code>@layer</code> CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-cascade-layers">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSImportRule/layerName">CSSImportRule.layerName</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSLayerBlockRule">CSSLayerBlockRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSLayerBlockRule/name">CSSLayerBlockRule.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSLayerStatementRule">CSSLayerStatementRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSLayerStatementRule/nameList">CSSLayerStatementRule.nameList</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@layer">@layer property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-cascade-5/#layering">https://drafts.csswg.org/css-cascade-5/#layering</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Cascade layers">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Cascade layers+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Cascade layers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Cascade layers+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Cascade layers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Cascade layers+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSImportRule.json">api.CSSImportRule.layerName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSLayerBlockRule.json">api.CSSLayerBlockRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSLayerBlockRule.json">api.CSSLayerBlockRule.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSLayerStatementRule.json">api.CSSLayerStatementRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSLayerStatementRule.json">api.CSSLayerStatementRule.nameList</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/import.json">css.at-rules.import.layer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/layer.json">css.at-rules.layer</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/check-visibility/index.html b/docs/features/check-visibility/index.html
new file mode 100644
index 0000000000..d8268109df
--- /dev/null
+++ b/docs/features/check-visibility/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>checkVisibility()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="check-visibility" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+  
+  <h1>checkVisibility()</h1>
+  <p>The <code>checkVisibility()</code> method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the style <code>display: none</code>, but can also check for <code>visibility: hidden</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/checkVisibility">Element.checkVisibility</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/cssom-view-1/#dom-element-checkvisibility">https://drafts.csswg.org/cssom-view-1/#dom-element-checkvisibility</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#checkVisibility()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement checkVisibility()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=checkVisibility()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement checkVisibility()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=checkVisibility()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement checkVisibility()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.checkVisibility</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/class-syntax/index.html b/docs/features/class-syntax/index.html
new file mode 100644
index 0000000000..2aa220bafe
--- /dev/null
+++ b/docs/features/class-syntax/index.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Classes</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="class-syntax" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+  
+  <h1>Classes</h1>
+  <p>Classes are an object-oriented syntax for JavaScript prototypes.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/es6-class">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Classes">Reference/Classes</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Classes/constructor">Reference/Classes/constructor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Classes/extends">Reference/Classes/extends</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Classes/static">Reference/Classes/static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/super">super operator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/class">class statement</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/ecmascript-language-functions-and-classes.html#sec-class-definitions">https://tc39.es/ecma262/multipage/ecmascript-language-functions-and-classes.html#sec-class-definitions</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Classes">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Classes+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Classes">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Classes+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Classes">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Classes+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/classes.json">javascript.classes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/classes.json">javascript.classes.constructor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/classes.json">javascript.classes.extends</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/classes.json">javascript.classes.static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/operators/super.json">javascript.operators.super</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.class</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/clipboard-supports/index.html b/docs/features/clipboard-supports/index.html
new file mode 100644
index 0000000000..56f5720f8a
--- /dev/null
+++ b/docs/features/clipboard-supports/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>ClipboardItem.supports()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="clipboard-supports" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>ClipboardItem.supports()</h1>
+  <p>The <code>ClipboardItem.supports()</code> static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/clipboard-apis/#dom-clipboarditem-supports">https://w3c.github.io/clipboard-apis/#dom-clipboarditem-supports</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#ClipboardItem.supports()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement ClipboardItem.supports()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=ClipboardItem.supports()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ClipboardItem.supports()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=ClipboardItem.supports()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ClipboardItem.supports()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ClipboardItem.json">api.ClipboardItem.supports_static</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/color-function/index.html b/docs/features/color-function/index.html
new file mode 100644
index 0000000000..43d43a7c4d
--- /dev/null
+++ b/docs/features/color-function/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>color()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="color-function" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>color()</h1>
+  <p>The <code>color()</code> function defines a color within a given color space. Wide gamut color spaces like <code>display-p3</code> allow showing more vibrant and saturated colors than the standard <code>srgb</code> color space.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-color-function">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/color">color color value</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-4/#color-function">https://drafts.csswg.org/css-color-4/#color-function</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#color()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement color()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=color()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement color()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=color()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement color()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.color</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.color.mixed_type_parameters</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/color-mix/index.html b/docs/features/color-mix/index.html
new file mode 100644
index 0000000000..154abce082
--- /dev/null
+++ b/docs/features/color-mix/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>color-mix()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="color-mix" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>color-mix()</h1>
+  <p>The <code>color-mix()</code> function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix">color-mix color value</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-5/#color-mix">https://drafts.csswg.org/css-color-5/#color-mix</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#color-mix()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement color-mix()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=color-mix()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement color-mix()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=color-mix()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement color-mix()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.color-mix</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/color-scheme/index.html b/docs/features/color-scheme/index.html
new file mode 100644
index 0000000000..c4d2d3591e
--- /dev/null
+++ b/docs/features/color-scheme/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>color-scheme</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="color-scheme" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-02-03 (baseline low)
+  
+</div>
+  
+  <h1>color-scheme</h1>
+  <p>The <code>color-scheme</code> CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color-scheme">color-scheme property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop">https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#color-scheme">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement color-scheme+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=color-scheme">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement color-scheme+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=color-scheme">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement color-scheme+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/color-scheme.json">css.properties.color-scheme</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/color-scheme.json">css.properties.color-scheme.only_dark</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/color-scheme.json">css.properties.color-scheme.only_light</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/colrv1/index.html b/docs/features/colrv1/index.html
new file mode 100644
index 0000000000..dde0419425
--- /dev/null
+++ b/docs/features/colrv1/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>COLRv1</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="colrv1" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>COLRv1</h1>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/colr-v1">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://www.iso.org/standard/87621.html">https://www.iso.org/standard/87621.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#COLRv1">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement COLRv1+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=COLRv1">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement COLRv1+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=COLRv1">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement COLRv1+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-face.json">css.at-rules.font-face.OpenType_COLRv1</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/column-breaks/index.html b/docs/features/column-breaks/index.html
new file mode 100644
index 0000000000..6c8098878e
--- /dev/null
+++ b/docs/features/column-breaks/index.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Column breaks</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="column-breaks" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Column breaks</h1>
+  <p>In columnar layouts (created by the <code>columns</code> or <code>column-count</code> CSS properties), the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> properties control where columns start or end.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-break-3/#breaking-controls">https://drafts.csswg.org/css-break-3/#breaking-controls</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Column breaks">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Column breaks+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Column breaks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Column breaks+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Column breaks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Column breaks+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after.multicol_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after.multicol_context.avoid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after.multicol_context.avoid-column</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after.multicol_context.column</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before.multicol_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before.multicol_context.avoid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before.multicol_context.avoid-column</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before.multicol_context.column</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-inside.json">css.properties.break-inside.multicol_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-inside.json">css.properties.break-inside.multicol_context.avoid-column</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/compression-streams/index.html b/docs/features/compression-streams/index.html
new file mode 100644
index 0000000000..ffec349c8e
--- /dev/null
+++ b/docs/features/compression-streams/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Compression streams</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="compression-streams" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>Compression streams</h1>
+  <p>The <code>CompressionStream</code> and <code>DecompressionStream</code> interfaces compress and decompress data using the gzip or deflate formats.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CompressionStream">CompressionStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CompressionStream/CompressionStream">CompressionStream.CompressionStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CompressionStream/readable">CompressionStream.readable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CompressionStream/writable">CompressionStream.writable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DecompressionStream">DecompressionStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DecompressionStream/DecompressionStream">DecompressionStream.DecompressionStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DecompressionStream/readable">DecompressionStream.readable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DecompressionStream/writable">DecompressionStream.writable</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/compression/">https://wicg.github.io/compression/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Compression streams">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Compression streams+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Compression streams">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Compression streams+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Compression streams">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Compression streams+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CompressionStream.json">api.CompressionStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CompressionStream.json">api.CompressionStream.CompressionStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CompressionStream.json">api.CompressionStream.CompressionStream.deflate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CompressionStream.json">api.CompressionStream.CompressionStream.gzip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CompressionStream.json">api.CompressionStream.readable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CompressionStream.json">api.CompressionStream.writable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DecompressionStream.json">api.DecompressionStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DecompressionStream.json">api.DecompressionStream.DecompressionStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DecompressionStream.json">api.DecompressionStream.DecompressionStream.deflate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DecompressionStream.json">api.DecompressionStream.DecompressionStream.gzip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DecompressionStream.json">api.DecompressionStream.readable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DecompressionStream.json">api.DecompressionStream.writable</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/compute-pressure/index.html b/docs/features/compute-pressure/index.html
new file mode 100644
index 0000000000..2002f1cde9
--- /dev/null
+++ b/docs/features/compute-pressure/index.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>CPU compute pressure</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="compute-pressure" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>CPU compute pressure</h1>
+  <p>The <code>PressureObserver</code> API monitors CPU load, allowing you to adjust workloads in response to available computing resources. Also known as the Compute Pressure API.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver">PressureObserver</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver/PressureObserver">PressureObserver.PressureObserver</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver/disconnect">PressureObserver.disconnect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver/knownSources_static">PressureObserver.knownSources_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver/observe">PressureObserver.observe</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver/takeRecords">PressureObserver.takeRecords</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureObserver/unobserve">PressureObserver.unobserve</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureRecord">PressureRecord</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureRecord/source">PressureRecord.source</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureRecord/state">PressureRecord.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureRecord/time">PressureRecord.time</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PressureRecord/toJSON">PressureRecord.toJSON</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Permissions-Policy/compute-pressure">Headers/Permissions-Policy/compute-pressure</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/compute-pressure/">https://w3c.github.io/compute-pressure/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#CPU compute pressure">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement CPU compute pressure+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=CPU compute pressure">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement CPU compute pressure+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=CPU compute pressure">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement CPU compute pressure+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Permissions.json">api.Permissions.permission_compute-pressure</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver.PressureObserver</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver.disconnect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver.knownSources_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver.observe</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver.takeRecords</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureObserver.json">api.PressureObserver.unobserve</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureRecord.json">api.PressureRecord</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureRecord.json">api.PressureRecord.source</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureRecord.json">api.PressureRecord.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureRecord.json">api.PressureRecord.time</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PressureRecord.json">api.PressureRecord.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Permissions-Policy.json">http.headers.Permissions-Policy.compute-pressure</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/conic-gradients/index.html b/docs/features/conic-gradients/index.html
new file mode 100644
index 0000000000..b597d10d0b
--- /dev/null
+++ b/docs/features/conic-gradients/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Conic gradients</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="conic-gradients" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-05-17 (baseline high)
+</div>
+  
+  <h1>Conic gradients</h1>
+  <p>The <code>conic-gradient()</code> and <code>repeating-conic-gradient()</code> CSS functions create backgrounds that progress between two or more colors around a center point.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-conic-gradients">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient">conic-gradient() gradient function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-conic-gradient">repeating-conic-gradient() gradient function</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-images-4/#conic-gradients">https://drafts.csswg.org/css-images-4/#conic-gradients</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Conic gradients">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Conic gradients+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Conic gradients">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Conic gradients+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Conic gradients">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Conic gradients+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/image.json">css.types.image.gradient.conic-gradient</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/image.json">css.types.image.gradient.conic-gradient.doubleposition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/image.json">css.types.image.gradient.repeating-conic-gradient</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/constraint-validation/index.html b/docs/features/constraint-validation/index.html
new file mode 100644
index 0000000000..ca89221939
--- /dev/null
+++ b/docs/features/constraint-validation/index.html
@@ -0,0 +1,370 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Constraint validation API</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="constraint-validation" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-06-11 (baseline high)
+</div>
+  
+  <h1>Constraint validation API</h1>
+  <p>Methods that validate form controls before submission, such as <code>checkValidity()</code>, <code>reportValidity()</code> and <code>setCustomValidity()</code>.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/constraint-validation">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/reportValidity">HTMLButtonElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/validationMessage">HTMLButtonElement.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/validity">HTMLButtonElement.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/willValidate">HTMLButtonElement.willValidate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLFieldSetElement/reportValidity">HTMLFieldSetElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLFieldSetElement/validationMessage">HTMLFieldSetElement.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLFieldSetElement/validity">HTMLFieldSetElement.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLFieldSetElement/willValidate">HTMLFieldSetElement.willValidate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLFormElement/checkValidity">HTMLFormElement.checkValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLFormElement/reportValidity">HTMLFormElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/checkValidity">HTMLInputElement.checkValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/reportValidity">HTMLInputElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setCustomValidity">HTMLInputElement.setCustomValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/validationMessage">HTMLInputElement.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/validity">HTMLInputElement.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/willValidate">HTMLInputElement.willValidate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLObjectElement/checkValidity">HTMLObjectElement.checkValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLObjectElement/reportValidity">HTMLObjectElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLObjectElement/setCustomValidity">HTMLObjectElement.setCustomValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLObjectElement/validationMessage">HTMLObjectElement.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLObjectElement/validity">HTMLObjectElement.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLObjectElement/willValidate">HTMLObjectElement.willValidate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLOutputElement/checkValidity">HTMLOutputElement.checkValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLOutputElement/reportValidity">HTMLOutputElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLOutputElement/setCustomValidity">HTMLOutputElement.setCustomValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLOutputElement/validationMessage">HTMLOutputElement.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLOutputElement/validity">HTMLOutputElement.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLOutputElement/willValidate">HTMLOutputElement.willValidate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/checkValidity">HTMLSelectElement.checkValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/reportValidity">HTMLSelectElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/setCustomValidity">HTMLSelectElement.setCustomValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/validationMessage">HTMLSelectElement.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/validity">HTMLSelectElement.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/willValidate">HTMLSelectElement.willValidate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLTextAreaElement/reportValidity">HTMLTextAreaElement.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState">ValidityState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/badInput">ValidityState.badInput</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/customError">ValidityState.customError</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/patternMismatch">ValidityState.patternMismatch</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/rangeOverflow">ValidityState.rangeOverflow</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/rangeUnderflow">ValidityState.rangeUnderflow</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/stepMismatch">ValidityState.stepMismatch</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/tooLong">ValidityState.tooLong</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/tooShort">ValidityState.tooShort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/typeMismatch">ValidityState.typeMismatch</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/valid">ValidityState.valid</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ValidityState/valueMissing">ValidityState.valueMissing</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#the-constraint-validation-api">https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#the-constraint-validation-api</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Constraint validation API">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Constraint validation API+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Constraint validation API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Constraint validation API+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Constraint validation API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Constraint validation API+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFieldSetElement.json">api.HTMLFieldSetElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFieldSetElement.json">api.HTMLFieldSetElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFieldSetElement.json">api.HTMLFieldSetElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFieldSetElement.json">api.HTMLFieldSetElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFieldSetElement.json">api.HTMLFieldSetElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFieldSetElement.json">api.HTMLFieldSetElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFormElement.json">api.HTMLFormElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLFormElement.json">api.HTMLFormElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLObjectElement.json">api.HTMLObjectElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLObjectElement.json">api.HTMLObjectElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLObjectElement.json">api.HTMLObjectElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLObjectElement.json">api.HTMLObjectElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLObjectElement.json">api.HTMLObjectElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLObjectElement.json">api.HTMLObjectElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLOutputElement.json">api.HTMLOutputElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLOutputElement.json">api.HTMLOutputElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLOutputElement.json">api.HTMLOutputElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLOutputElement.json">api.HTMLOutputElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLOutputElement.json">api.HTMLOutputElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLOutputElement.json">api.HTMLOutputElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.setCustomValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.willValidate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.badInput</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.customError</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.patternMismatch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.rangeOverflow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.rangeUnderflow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.stepMismatch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.tooLong</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.tooShort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.typeMismatch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.valid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ValidityState.json">api.ValidityState.valueMissing</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/constructed-stylesheets/index.html b/docs/features/constructed-stylesheets/index.html
new file mode 100644
index 0000000000..cfc86b3ad5
--- /dev/null
+++ b/docs/features/constructed-stylesheets/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Constructed stylesheets</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="constructed-stylesheets" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Constructed stylesheets</h1>
+  <p>The <code>CSSStyleSheet</code> constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using <code>adoptedStyleSheets</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/CSSStyleSheet">CSSStyleSheet.CSSStyleSheet</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/replace">CSSStyleSheet.replace</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/replaceSync">CSSStyleSheet.replaceSync</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/adoptedStyleSheets">Document.adoptedStyleSheets</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot/adoptedStyleSheets">ShadowRoot.adoptedStyleSheets</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/cssom-1/#dom-cssstylesheet-cssstylesheet">https://drafts.csswg.org/cssom-1/#dom-cssstylesheet-cssstylesheet</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/cssom-1/#dom-documentorshadowroot-adoptedstylesheets">https://drafts.csswg.org/cssom-1/#dom-documentorshadowroot-adoptedstylesheets</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Constructed stylesheets">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Constructed stylesheets+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Constructed stylesheets">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Constructed stylesheets+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Constructed stylesheets">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Constructed stylesheets+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStyleSheet.json">api.CSSStyleSheet.CSSStyleSheet</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStyleSheet.json">api.CSSStyleSheet.replace</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStyleSheet.json">api.CSSStyleSheet.replaceSync</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.adoptedStyleSheets</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.adoptedStyleSheets</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/contain-intrinsic-size/index.html b/docs/features/contain-intrinsic-size/index.html
new file mode 100644
index 0000000000..032af933fb
--- /dev/null
+++ b/docs/features/contain-intrinsic-size/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>contain-intrinsic-size</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="contain-intrinsic-size" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+  
+  <h1>contain-intrinsic-size</h1>
+  <p>The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will layout the element as if it had a single child of this size.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size">contain-intrinsic-contain-intrinsic-block-size property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height">contain-intrinsic-height property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size">contain-intrinsic-contain-intrinsic-inline-size property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size">contain-intrinsic-size property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width">contain-intrinsic-width property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#contain-intrinsic-size">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement contain-intrinsic-size+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=contain-intrinsic-size">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement contain-intrinsic-size+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=contain-intrinsic-size">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement contain-intrinsic-size+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain-intrinsic-block-size.json">css.properties.contain-intrinsic-block-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain-intrinsic-height.json">css.properties.contain-intrinsic-height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain-intrinsic-inline-size.json">css.properties.contain-intrinsic-inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain-intrinsic-size.json">css.properties.contain-intrinsic-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain-intrinsic-width.json">css.properties.contain-intrinsic-width</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/container-queries/index.html b/docs/features/container-queries/index.html
new file mode 100644
index 0000000000..ccb4b30901
--- /dev/null
+++ b/docs/features/container-queries/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Container queries</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="container-queries" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-14 (baseline low)
+  
+</div>
+  
+  <h1>Container queries</h1>
+  <p>Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-container-queries">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSContainerRule">CSSContainerRule</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@container">@container property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain">contain property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain#inline-size">contain: inline-size; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/contain#style">contain: style; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/container">container property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/container-name">container-name property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/container-type">container-type property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-contain-3/#container-queries">https://drafts.csswg.org/css-contain-3/#container-queries</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Container queries">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Container queries+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Container queries">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Container queries+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Container queries">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Container queries+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSContainerRule.json">api.CSSContainerRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/container.json">css.at-rules.container</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain.json">css.properties.contain</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain.json">css.properties.contain.inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/contain.json">css.properties.contain.style</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container.json">css.properties.container</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container-name.json">css.properties.container-name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container-name.json">css.properties.container-name.none</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container-type.json">css.properties.container-type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container-type.json">css.properties.container-type.inline-size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container-type.json">css.properties.container-type.normal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/container-type.json">css.properties.container-type.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.container_query_length_units</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/container-style-queries/index.html b/docs/features/container-style-queries/index.html
new file mode 100644
index 0000000000..4850129e8a
--- /dev/null
+++ b/docs/features/container-style-queries/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Container style queries</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="container-style-queries" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Container style queries</h1>
+  <p>Container style queries with the <code>@container</code> at-rule apply styles to an element based on the values of custom properties of its container.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-container-queries-style">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@container">@container property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-contain-3/#style-container">https://drafts.csswg.org/css-contain-3/#style-container</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Container style queries">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Container style queries+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Container style queries">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Container style queries+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Container style queries">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Container style queries+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/container.json">css.at-rules.container.style_queries_for_custom_properties</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/content-visibility/index.html b/docs/features/content-visibility/index.html
new file mode 100644
index 0000000000..fe55c62a8d
--- /dev/null
+++ b/docs/features/content-visibility/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>content-visibility</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="content-visibility" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>content-visibility</h1>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-content-visibility">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ContentVisibilityAutoStateChangeEvent">ContentVisibilityAutoStateChangeEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ContentVisibilityAutoStateChangeEvent/ContentVisibilityAutoStateChangeEvent">ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ContentVisibilityAutoStateChangeEvent/skipped">ContentVisibilityAutoStateChangeEvent.skipped</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/content-visibility">content-visibility property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-contain-2/#content-visibility">https://drafts.csswg.org/css-contain-2/#content-visibility</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#content-visibility">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement content-visibility+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=content-visibility">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement content-visibility+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=content-visibility">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement content-visibility+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ContentVisibilityAutoStateChangeEvent.json">api.ContentVisibilityAutoStateChangeEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ContentVisibilityAutoStateChangeEvent.json">api.ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ContentVisibilityAutoStateChangeEvent.json">api.ContentVisibilityAutoStateChangeEvent.skipped</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/content-visibility.json">css.properties.content-visibility</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/controls-list/index.html b/docs/features/controls-list/index.html
new file mode 100644
index 0000000000..386e678445
--- /dev/null
+++ b/docs/features/controls-list/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>controlslist</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="controls-list" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>controlslist</h1>
+  <p>The <code>controlslist</code> attribute for <code>&#x3C;audio></code> or <code>&#x3C;video></code> hides parts of the browser's built-in controls. For example, <code>controlslist="nofullscreen"</code> removes the button to play the video in fullscreen.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/controlsList">HTMLMediaElement.controlsList</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/controls-list/">https://wicg.github.io/controls-list/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#controlslist">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement controlslist+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=controlslist">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement controlslist+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=controlslist">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement controlslist+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLMediaElement.json">api.HTMLMediaElement.controlsList</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/audio.json">html.elements.audio.controlslist</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/video.json">html.elements.video.controlslist</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/counter-set/index.html b/docs/features/counter-set/index.html
new file mode 100644
index 0000000000..ff318fff5b
--- /dev/null
+++ b/docs/features/counter-set/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>counter-set</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="counter-set" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>counter-set</h1>
+  <p>The <code>counter-set</code> CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/counter-set">counter-set property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-lists-3/#propdef-counter-set">https://drafts.csswg.org/css-lists-3/#propdef-counter-set</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#counter-set">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement counter-set+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=counter-set">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement counter-set+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=counter-set">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement counter-set+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/counter-set.json">css.properties.counter-set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/counter-set.json">css.properties.counter-set.list-item</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/counter-set.json">css.properties.counter-set.none</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/counter-style/index.html b/docs/features/counter-style/index.html
new file mode 100644
index 0000000000..33497b592c
--- /dev/null
+++ b/docs/features/counter-style/index.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>@counter-style</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="counter-style" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+  
+  <h1>@counter-style</h1>
+  <p>The <code>@counter-style</code> CSS at-rule defines custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-at-counter-style">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style">@counter-style property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/additive-symbols">@counter-style/additive-symbols property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/fallback">@counter-style/fallback property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/negative">@counter-style/negative property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/pad">@counter-style/pad property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/prefix">@counter-style/prefix property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/range">@counter-style/range property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/suffix">@counter-style/suffix property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@counter-style/system">@counter-style/system property</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule">CSSCounterStyleRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/additiveSymbols">CSSCounterStyleRule.additiveSymbols</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/fallback">CSSCounterStyleRule.fallback</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/name">CSSCounterStyleRule.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/negative">CSSCounterStyleRule.negative</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/pad">CSSCounterStyleRule.pad</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/prefix">CSSCounterStyleRule.prefix</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/range">CSSCounterStyleRule.range</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/system">CSSCounterStyleRule.system</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSCounterStyleRule/suffix">CSSCounterStyleRule.suffix</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-counter-styles-3/">https://drafts.csswg.org/css-counter-styles-3/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#@counter-style">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement @counter-style+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=@counter-style">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @counter-style+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=@counter-style">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @counter-style+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.additive-symbols</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.fallback</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.negative</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.pad</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.prefix</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.range</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.suffix</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/counter-style.json">css.at-rules.counter-style.system</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.additiveSymbols</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.fallback</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.negative</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.pad</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.prefix</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.range</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.system</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSCounterStyleRule.json">api.CSSCounterStyleRule.suffix</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/css-modules/index.html b/docs/features/css-modules/index.html
new file mode 100644
index 0000000000..bcd9cedee5
--- /dev/null
+++ b/docs/features/css-modules/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>CSS module scripts</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="css-modules" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>CSS module scripts</h1>
+  <p>CSS module scripts allow CSS code to be organized into reusable units. Other modules use <code>import ... with {type: "css"}</code> to load CSS modules as constructable stylesheets.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/webappapis.html#css-module-script">https://html.spec.whatwg.org/multipage/webappapis.html#css-module-script</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#CSS module scripts">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement CSS module scripts+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=CSS module scripts">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement CSS module scripts+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=CSS module scripts">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement CSS module scripts+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.import.import_attributes.type_css</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/custom-properties/index.html b/docs/features/custom-properties/index.html
new file mode 100644
index 0000000000..f1eb1fc02a
--- /dev/null
+++ b/docs/features/custom-properties/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Custom properties</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="custom-properties" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+  
+  <h1>Custom properties</h1>
+  <p>Custom properties are CSS properties prefixed with <code>--</code> that set values you can reuse with the <code>var()</code> function. For example, you can set a <code>--key-color</code> property to reuse as <code>border-color: var(--key-color)</code>. Also known as CSS variables.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-variables">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-09</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/--*">--* property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/var()">var() property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-variables-1/">https://drafts.csswg.org/css-variables-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Custom properties">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Custom properties+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Custom properties">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Custom properties+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Custom properties">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Custom properties+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/custom-property.json">css.properties.custom-property</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/custom-property.json">css.properties.custom-property.var</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/customized-built-in-elements/index.html b/docs/features/customized-built-in-elements/index.html
new file mode 100644
index 0000000000..3ea1f6bc13
--- /dev/null
+++ b/docs/features/customized-built-in-elements/index.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Customized built-in elements</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="customized-built-in-elements" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Customized built-in elements</h1>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CustomElementRegistry/define#defining_a_customized_built-in_element">CustomElementRegistry.define#defining_a_customized_built-in_element</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/is">is global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/custom-elements.html#customized-built-in-element">https://html.spec.whatwg.org/multipage/custom-elements.html#customized-built-in-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Customized built-in elements">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Customized built-in elements+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Customized built-in elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Customized built-in elements+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Customized built-in elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Customized built-in elements+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CustomElementRegistry.json">api.CustomElementRegistry.builtin_element_support</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.is</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/datalist/index.html b/docs/features/datalist/index.html
new file mode 100644
index 0000000000..330c60c868
--- /dev/null
+++ b/docs/features/datalist/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;datalist&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="datalist" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>&lt;datalist&gt;</h1>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/datalist">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDataListElement">HTMLDataListElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDataListElement/options">HTMLDataListElement.options</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/datalist">&lt;datalist&gt; element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/form-elements.html#the-datalist-element">https://html.spec.whatwg.org/multipage/form-elements.html#the-datalist-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;datalist&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;datalist&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;datalist&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;datalist&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;datalist&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;datalist&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDataListElement.json">api.HTMLDataListElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDataListElement.json">api.HTMLDataListElement.options</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/datalist.json">html.elements.datalist</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/declarative-shadow-dom/index.html b/docs/features/declarative-shadow-dom/index.html
new file mode 100644
index 0000000000..eca4701751
--- /dev/null
+++ b/docs/features/declarative-shadow-dom/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Declarative shadow DOM</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="declarative-shadow-dom" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-02-20 (baseline low)
+  
+</div>
+  
+  <h1>Declarative shadow DOM</h1>
+  <p>The <code>shadowrootmode</code> attribute on <code>&#x3C;template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/declarative-shadow-dom">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLTemplateElement/shadowRootMode">HTMLTemplateElement.shadowRootMode</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/template#shadowrootmode">&lt;template shadowrootmode&gt; attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/scripting.html#attr-template-shadowrootmode">https://html.spec.whatwg.org/multipage/scripting.html#attr-template-shadowrootmode</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Declarative shadow DOM">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Declarative shadow DOM+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Declarative shadow DOM">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Declarative shadow DOM+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Declarative shadow DOM">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Declarative shadow DOM+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTemplateElement.json">api.HTMLTemplateElement.shadowRootMode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/template.json">html.elements.template.shadowrootmode</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/default/index.html b/docs/features/default/index.html
new file mode 100644
index 0000000000..9236133a3a
--- /dev/null
+++ b/docs/features/default/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:default</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="default" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>:default</h1>
+  <p>The <code>:default</code> CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the <code>checked</code> attribute.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-default-pseudo">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2011-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:default">:default pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#the-default-pseudo">https://drafts.csswg.org/selectors-4/#the-default-pseudo</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:default">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :default+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:default">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :default+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:default">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :default+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/default.json">css.selectors.default</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/details-name/index.html b/docs/features/details-name/index.html
new file mode 100644
index 0000000000..3dab303c00
--- /dev/null
+++ b/docs/features/details-name/index.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Mutually exclusive &amp;lt;details&amp;gt; elements</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="details-name" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Mutually exclusive &lt;details&gt; elements</h1>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-details-name">https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-details-name</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Mutually exclusive &lt;details&gt; elements">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Mutually exclusive &lt;details&gt; elements+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Mutually exclusive &lt;details&gt; elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Mutually exclusive &lt;details&gt; elements+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Mutually exclusive &lt;details&gt; elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Mutually exclusive &lt;details&gt; elements+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDetailsElement.json">api.HTMLDetailsElement.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/details.json">html.elements.details.name</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/details/index.html b/docs/features/details/index.html
new file mode 100644
index 0000000000..e818aa5c9e
--- /dev/null
+++ b/docs/features/details/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;details&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="details" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>&lt;details&gt;</h1>
+  <p>The <code>&#x3C;details></code> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <code>&#x3C;summary></code> element is visible.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/details">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2011-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDetailsElement">HTMLDetailsElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDetailsElement/open">HTMLDetailsElement.open</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/details">&lt;details&gt; element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-details-element">https://html.spec.whatwg.org/multipage/interactive-elements.html#the-details-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;details&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;details&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;details&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;details&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;details&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;details&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDetailsElement.json">api.HTMLDetailsElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDetailsElement.json">api.HTMLDetailsElement.open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/details.json">html.elements.details</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/details.json">html.elements.details.open</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/device-orientation-events/index.html b/docs/features/device-orientation-events/index.html
new file mode 100644
index 0000000000..f87479d6bc
--- /dev/null
+++ b/docs/features/device-orientation-events/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Device orientation events</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="device-orientation-events" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+  
+  <h1>Device orientation events</h1>
+  <p>The <code>DeviceMotion</code> and <code>DeviceOrientation</code> events report the movement and orientation of the browser's device in physical space.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/deviceorientation">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceMotionEvent">DeviceMotionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceMotionEvent/acceleration">DeviceMotionEvent.acceleration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceMotionEvent/accelerationIncludingGravity">DeviceMotionEvent.accelerationIncludingGravity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceMotionEvent/interval">DeviceMotionEvent.interval</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceMotionEvent/rotationRate">DeviceMotionEvent.rotationRate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceOrientationEvent">DeviceOrientationEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceOrientationEvent/alpha">DeviceOrientationEvent.alpha</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceOrientationEvent/beta">DeviceOrientationEvent.beta</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DeviceOrientationEvent/gamma">DeviceOrientationEvent.gamma</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/devicemotion_event">Window.devicemotion_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/deviceorientation_event">Window.deviceorientation_event</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/deviceorientation/">https://w3c.github.io/deviceorientation/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Device orientation events">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Device orientation events+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Device orientation events">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Device orientation events+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Device orientation events">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Device orientation events+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceMotionEvent.json">api.DeviceMotionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceMotionEvent.json">api.DeviceMotionEvent.acceleration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceMotionEvent.json">api.DeviceMotionEvent.accelerationIncludingGravity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceMotionEvent.json">api.DeviceMotionEvent.interval</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceMotionEvent.json">api.DeviceMotionEvent.rotationRate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceOrientationEvent.json">api.DeviceOrientationEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceOrientationEvent.json">api.DeviceOrientationEvent.alpha</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceOrientationEvent.json">api.DeviceOrientationEvent.beta</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DeviceOrientationEvent.json">api.DeviceOrientationEvent.gamma</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.devicemotion_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.deviceorientation_event</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/device-posture/index.html b/docs/features/device-posture/index.html
new file mode 100644
index 0000000000..764ac424a0
--- /dev/null
+++ b/docs/features/device-posture/index.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Device posture</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="device-posture" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Device posture</h1>
+  <p>The device posture API provides information about the physical posture of a device, such as whether a foldable device is folded or unfolded.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/device-posture/">https://w3c.github.io/device-posture/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Device posture">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Device posture+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Device posture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Device posture+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Device posture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Device posture+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DevicePosture.json">api.DevicePosture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DevicePosture.json">api.DevicePosture.change_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DevicePosture.json">api.DevicePosture.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.devicePosture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/media.json">css.at-rules.media.device-posture</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/dialog/index.html b/docs/features/dialog/index.html
new file mode 100644
index 0000000000..b8c9741c42
--- /dev/null
+++ b/docs/features/dialog/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;dialog&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="dialog" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>&lt;dialog&gt;</h1>
+  <p>The <code>&#x3C;dialog></code> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/dialog">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement">HTMLDialogElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/cancel_event">HTMLDialogElement.cancel_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/close">HTMLDialogElement.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/close_event">HTMLDialogElement.close_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/open">HTMLDialogElement.open</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/returnValue">HTMLDialogElement.returnValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/show">HTMLDialogElement.show</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/showModal">HTMLDialogElement.showModal</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/dialog">&lt;dialog&gt; element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;dialog&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;dialog&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;dialog&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;dialog&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;dialog&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;dialog&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.cancel_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.close_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.returnValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.show</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLDialogElement.json">api.HTMLDialogElement.showModal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/backdrop.json">css.selectors.backdrop.dialog</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/dialog.json">html.elements.dialog</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/dialog.json">html.elements.dialog.open</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/dir-pseudo/index.html b/docs/features/dir-pseudo/index.html
new file mode 100644
index 0000000000..e71a47d77e
--- /dev/null
+++ b/docs/features/dir-pseudo/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:dir()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="dir-pseudo" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+  
+  <h1>:dir()</h1>
+  <p>The <code>:dir()</code> CSS functional pseudo-class matches elements by text direction, either right to left (<code>rtl</code>) or left to right (<code>ltr</code>).</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-dir-pseudo">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:dir">:dir pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo">https://drafts.csswg.org/selectors-4/#the-dir-pseudo</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:dir()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :dir()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:dir()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :dir()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:dir()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :dir()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/dir.json">css.selectors.dir</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/dirname/index.html b/docs/features/dirname/index.html
new file mode 100644
index 0000000000..b752276841
--- /dev/null
+++ b/docs/features/dirname/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>dirname</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="dirname" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-01 (baseline low)
+  
+</div>
+  
+  <h1>dirname</h1>
+  <p>The <code>dirname</code> attribute of <code>&#x3C;textarea></code> and <code>&#x3C;input></code> HTML elements includes the field's writing direction as form data on submission.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2012-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/input#dirname">&lt;input dirname&gt; attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-dirname">https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-dirname</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#dirname">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement dirname+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=dirname">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement dirname+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=dirname">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement dirname+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.dirName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTextAreaElement.json">api.HTMLTextAreaElement.dirName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/input.json">html.elements.input.dirname</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/textarea.json">html.elements.textarea.dirname</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/display-animation/index.html b/docs/features/display-animation/index.html
new file mode 100644
index 0000000000..b695700691
--- /dev/null
+++ b/docs/features/display-animation/index.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>display animation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="display-animation" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>display animation</h1>
+  <p>You can animate elements between <code>display: none</code> and any other <code>display</code> value or animate between <code>content-visibility: hidden</code> and any other <code>content-visibility</code> value. This also applies to transitions.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-display-4/#display-animation">https://drafts.csswg.org/css-display-4/#display-animation</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-contain-3/#content-visibility-animation">https://drafts.csswg.org/css-contain-3/#content-visibility-animation</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#display animation">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement display animation+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=display animation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement display animation+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=display animation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement display animation+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/content-visibility.json">css.properties.content-visibility.is_transitionable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/content-visibility.json">css.properties.content-visibility.keyframe_animatable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.is_transitionable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.keyframe_animatable</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/document-picture-in-picture/index.html b/docs/features/document-picture-in-picture/index.html
new file mode 100644
index 0000000000..50fcda32b1
--- /dev/null
+++ b/docs/features/document-picture-in-picture/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Document picture-in-picture</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="document-picture-in-picture" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Document picture-in-picture</h1>
+  <p>The document picture-in-picture API creates an always-on-top window from arbitrary HTML content.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPicture">DocumentPictureInPicture</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPicture/enter_event">DocumentPictureInPicture.enter_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPicture/requestWindow">DocumentPictureInPicture.requestWindow</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPicture/window">DocumentPictureInPicture.window</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPictureEvent">DocumentPictureInPictureEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPictureEvent/DocumentPictureInPictureEvent">DocumentPictureInPictureEvent.DocumentPictureInPictureEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentPictureInPictureEvent/window">DocumentPictureInPictureEvent.window</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/documentPictureInPicture">Window.documentPictureInPicture</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/document-picture-in-picture/">https://wicg.github.io/document-picture-in-picture/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Document picture-in-picture">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Document picture-in-picture+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Document picture-in-picture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Document picture-in-picture+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Document picture-in-picture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Document picture-in-picture+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPicture.json">api.DocumentPictureInPicture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPicture.json">api.DocumentPictureInPicture.enter_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPicture.json">api.DocumentPictureInPicture.requestWindow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPicture.json">api.DocumentPictureInPicture.window</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPictureEvent.json">api.DocumentPictureInPictureEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPictureEvent.json">api.DocumentPictureInPictureEvent.DocumentPictureInPictureEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentPictureInPictureEvent.json">api.DocumentPictureInPictureEvent.window</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.documentPictureInPicture</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/edit-context/index.html b/docs/features/edit-context/index.html
new file mode 100644
index 0000000000..78880e1656
--- /dev/null
+++ b/docs/features/edit-context/index.html
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>EditContext</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="edit-context" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>EditContext</h1>
+  <p>The <code>EditContext</code> API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CharacterBoundsUpdateEvent">CharacterBoundsUpdateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CharacterBoundsUpdateEvent/CharacterBoundsUpdateEvent">CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CharacterBoundsUpdateEvent/rangeEnd">CharacterBoundsUpdateEvent.rangeEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CharacterBoundsUpdateEvent/rangeStart">CharacterBoundsUpdateEvent.rangeStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext">EditContext</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/EditContext">EditContext.EditContext</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/attachedElements">EditContext.attachedElements</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/characterBounds">EditContext.characterBounds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/characterBoundsRangeStart">EditContext.characterBoundsRangeStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/characterboundsupdate_event">EditContext.characterboundsupdate_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/compositionend_event">EditContext.compositionend_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/compositionstart_event">EditContext.compositionstart_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/selectionEnd">EditContext.selectionEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/selectionStart">EditContext.selectionStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/text">EditContext.text</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/textformatupdate_event">EditContext.textformatupdate_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/textupdate_event">EditContext.textupdate_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/updateCharacterBounds">EditContext.updateCharacterBounds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/updateControlBounds">EditContext.updateControlBounds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/updateSelection">EditContext.updateSelection</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/updateSelectionBounds">EditContext.updateSelectionBounds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EditContext/updateText">EditContext.updateText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/editContext">HTMLElement.editContext</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormat">TextFormat</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormat/TextFormat">TextFormat.TextFormat</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormat/rangeEnd">TextFormat.rangeEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormat/rangeStart">TextFormat.rangeStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormat/underlineStyle">TextFormat.underlineStyle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormat/underlineThickness">TextFormat.underlineThickness</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormatUpdateEvent">TextFormatUpdateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormatUpdateEvent/TextFormatUpdateEvent">TextFormatUpdateEvent.TextFormatUpdateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextFormatUpdateEvent/getTextFormats">TextFormatUpdateEvent.getTextFormats</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent">TextUpdateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent/TextUpdateEvent">TextUpdateEvent.TextUpdateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent/selectionEnd">TextUpdateEvent.selectionEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent/selectionStart">TextUpdateEvent.selectionStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent/text">TextUpdateEvent.text</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent/updateRangeEnd">TextUpdateEvent.updateRangeEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TextUpdateEvent/updateRangeStart">TextUpdateEvent.updateRangeStart</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/edit-context/">https://w3c.github.io/edit-context/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#EditContext">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement EditContext+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=EditContext">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement EditContext+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=EditContext">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement EditContext+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CharacterBoundsUpdateEvent.json">api.CharacterBoundsUpdateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CharacterBoundsUpdateEvent.json">api.CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CharacterBoundsUpdateEvent.json">api.CharacterBoundsUpdateEvent.rangeEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CharacterBoundsUpdateEvent.json">api.CharacterBoundsUpdateEvent.rangeStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.EditContext</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.attachedElements</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.characterBounds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.characterBoundsRangeStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.characterboundsupdate_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.compositionend_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.compositionstart_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.selectionEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.selectionStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.text</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.textformatupdate_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.textupdate_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.updateCharacterBounds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.updateControlBounds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.updateSelection</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.updateSelectionBounds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EditContext.json">api.EditContext.updateText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.editContext</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormat.json">api.TextFormat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormat.json">api.TextFormat.TextFormat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormat.json">api.TextFormat.rangeEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormat.json">api.TextFormat.rangeStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormat.json">api.TextFormat.underlineStyle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormat.json">api.TextFormat.underlineThickness</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormatUpdateEvent.json">api.TextFormatUpdateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormatUpdateEvent.json">api.TextFormatUpdateEvent.TextFormatUpdateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextFormatUpdateEvent.json">api.TextFormatUpdateEvent.getTextFormats</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent.TextUpdateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent.selectionEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent.selectionStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent.text</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent.updateRangeEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TextUpdateEvent.json">api.TextUpdateEvent.updateRangeStart</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/exp-functions/index.html b/docs/features/exp-functions/index.html
new file mode 100644
index 0000000000..7d9049a863
--- /dev/null
+++ b/docs/features/exp-functions/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>pow(), sqrt(), hypot(), log(), and exp()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="exp-functions" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+  
+  <h1>pow(), sqrt(), hypot(), log(), and exp()</h1>
+  <p>The <code>pow()</code>, <code>sqrt()</code>, <code>hypot()</code>, <code>log()</code>, and <code>exp()</code> CSS functions compute various exponential functions.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/exp">exp property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/hypot">hypot property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/log">log property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/pow">pow property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/sqrt">sqrt property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#exponent-funcs">https://drafts.csswg.org/css-values-4/#exponent-funcs</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#pow(), sqrt(), hypot(), log(), and exp()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement pow(), sqrt(), hypot(), log(), and exp()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=pow(), sqrt(), hypot(), log(), and exp()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement pow(), sqrt(), hypot(), log(), and exp()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=pow(), sqrt(), hypot(), log(), and exp()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement pow(), sqrt(), hypot(), log(), and exp()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/exp.json">css.types.exp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/hypot.json">css.types.hypot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/log.json">css.types.log</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/pow.json">css.types.pow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/sqrt.json">css.types.sqrt</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/eyedropper/index.html b/docs/features/eyedropper/index.html
new file mode 100644
index 0000000000..005b952359
--- /dev/null
+++ b/docs/features/eyedropper/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Eyedropper</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="eyedropper" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Eyedropper</h1>
+  <p>The <code>EyeDropper</code> API opens an eyedropper tool, a color picker that allows users to select a color from their screen.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EyeDropper">EyeDropper</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EyeDropper/EyeDropper">EyeDropper.EyeDropper</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EyeDropper/open">EyeDropper.open</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/eyedropper-api/">https://wicg.github.io/eyedropper-api/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Eyedropper">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Eyedropper+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Eyedropper">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Eyedropper+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Eyedropper">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Eyedropper+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EyeDropper.json">api.EyeDropper</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EyeDropper.json">api.EyeDropper.EyeDropper</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EyeDropper.json">api.EyeDropper.open</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/fast-seek/index.html b/docs/features/fast-seek/index.html
new file mode 100644
index 0000000000..d851c72fa4
--- /dev/null
+++ b/docs/features/fast-seek/index.html
@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>fastSeek()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="fast-seek" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>fastSeek()</h1>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/fastSeek">HTMLMediaElement.fastSeek</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/media.html#dom-media-fastseek-dev">https://html.spec.whatwg.org/multipage/media.html#dom-media-fastseek-dev</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#fastSeek()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement fastSeek()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=fastSeek()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement fastSeek()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=fastSeek()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement fastSeek()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLMediaElement.json">api.HTMLMediaElement.fastSeek</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/fetch-metadata/index.html b/docs/features/fetch-metadata/index.html
new file mode 100644
index 0000000000..de2eb62abf
--- /dev/null
+++ b/docs/features/fetch-metadata/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Fetch metadata request headers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="fetch-metadata" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Fetch metadata request headers</h1>
+  <p>The <code>Sec-Fetch-Dest</code>, <code>Sec-Fetch-Mode, </code>Sec-Fetch-Site<code>, and </code>Sec-Fetch-User` HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Sec-Fetch-Dest">Headers/Sec-Fetch-Dest</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Sec-Fetch-Mode">Headers/Sec-Fetch-Mode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Sec-Fetch-Site">Headers/Sec-Fetch-Site</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Sec-Fetch-User">Headers/Sec-Fetch-User</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webappsec-fetch-metadata/">https://w3c.github.io/webappsec-fetch-metadata/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Fetch metadata request headers">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch metadata request headers+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Fetch metadata request headers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch metadata request headers+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Fetch metadata request headers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch metadata request headers+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Sec-Fetch-Dest.json">http.headers.Sec-Fetch-Dest</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Sec-Fetch-Mode.json">http.headers.Sec-Fetch-Mode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Sec-Fetch-Site.json">http.headers.Sec-Fetch-Site</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Sec-Fetch-User.json">http.headers.Sec-Fetch-User</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/fetch-priority/index.html b/docs/features/fetch-priority/index.html
new file mode 100644
index 0000000000..3ef4589402
--- /dev/null
+++ b/docs/features/fetch-priority/index.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Fetch priority</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="fetch-priority" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Fetch priority</h1>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLImageElement/fetchPriority">HTMLImageElement.fetchPriority</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLLinkElement/fetchPriority">HTMLLinkElement.fetchPriority</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLScriptElement/fetchPriority">HTMLScriptElement.fetchPriority</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://fetch.spec.whatwg.org/#request-priority">https://fetch.spec.whatwg.org/#request-priority</a></li>
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/urls-and-fetching.html#fetch-priority-attributes">https://html.spec.whatwg.org/multipage/urls-and-fetching.html#fetch-priority-attributes</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Fetch priority">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch priority+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Fetch priority">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch priority+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Fetch priority">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch priority+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLImageElement.json">api.HTMLImageElement.fetchPriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLLinkElement.json">api.HTMLLinkElement.fetchPriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLScriptElement.json">api.HTMLScriptElement.fetchPriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.Request.init_priority_parameter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/_globals/fetch.json">api.fetch.init_priority_parameter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/img.json">html.elements.img.fetchpriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/link.json">html.elements.link.fetchpriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/script.json">html.elements.script.fetchpriority</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/fetch/index.html b/docs/features/fetch/index.html
new file mode 100644
index 0000000000..d9e1d2044c
--- /dev/null
+++ b/docs/features/fetch/index.html
@@ -0,0 +1,304 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Fetch (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="fetch" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+  
+  <h1>Fetch (initial support)</h1>
+  <p>The <code>fetch()</code> method makes asynchronous HTTP requests.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/fetch">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers">Headers</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers/Headers">Headers.Headers</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers/append">Headers.append</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers/delete">Headers.delete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers/get">Headers.get</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers/has">Headers.has</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Headers/set">Headers.set</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request">Request</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/Request">Request.Request</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/arrayBuffer">Request.arrayBuffer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/blob">Request.blob</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/bodyUsed">Request.bodyUsed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/clone">Request.clone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/credentials">Request.credentials</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/headers">Request.headers</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/json">Request.json</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/method">Request.method</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/mode">Request.mode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/text">Request.text</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Request/url">Request.url</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response">Response</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/Response">Response.Response</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/arrayBuffer">Response.arrayBuffer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/blob">Response.blob</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/bodyUsed">Response.bodyUsed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/clone">Response.clone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/headers">Response.headers</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/json">Response.json</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/ok">Response.ok</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/status">Response.status</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/statusText">Response.statusText</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/text">Response.text</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/type">Response.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Response/url">Response.url</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/fetch">fetch</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://fetch.spec.whatwg.org/">https://fetch.spec.whatwg.org/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Fetch (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Fetch (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Fetch (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fetch (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers.Headers</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers.append</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers.delete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers.get</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Headers.json">api.Headers.set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.Request</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.arrayBuffer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.blob</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.bodyUsed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.clone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.credentials</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.headers</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.json</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.method</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.mode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.text</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Request.json">api.Request.url</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.Response</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.arrayBuffer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.blob</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.bodyUsed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.clone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.headers</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.json</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.ok</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.status</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.statusText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.text</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Response.json">api.Response.url</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/_globals/fetch.json">api.fetch</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/field-sizing/index.html b/docs/features/field-sizing/index.html
new file mode 100644
index 0000000000..e46393f43f
--- /dev/null
+++ b/docs/features/field-sizing/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>field-sizing</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="field-sizing" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>field-sizing</h1>
+  <p>The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-ui-4/#field-sizing">https://drafts.csswg.org/css-ui-4/#field-sizing</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#field-sizing">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement field-sizing+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=field-sizing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement field-sizing+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=field-sizing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement field-sizing+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/field-sizing.json">css.properties.field-sizing</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/field-sizing.json">css.properties.field-sizing.content</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/field-sizing.json">css.properties.field-sizing.fixed</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/flexbox-gap/index.html b/docs/features/flexbox-gap/index.html
new file mode 100644
index 0000000000..c18abceaa2
--- /dev/null
+++ b/docs/features/flexbox-gap/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Flexbox gap</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="flexbox-gap" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-10-26 (baseline high)
+</div>
+  
+  <h1>Flexbox gap</h1>
+  <p>The <code>gap</code> CSS property in a flexbox layout sets the size of the space between items.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/flexbox-gap">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-align-3/#gaps">https://drafts.csswg.org/css-align-3/#gaps</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Flexbox gap">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Flexbox gap+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Flexbox gap">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Flexbox gap+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Flexbox gap">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Flexbox gap+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/column-gap.json">css.properties.column-gap.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/gap.json">css.properties.gap.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/row-gap.json">css.properties.row-gap.flex_context</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/flexbox/index.html b/docs/features/flexbox/index.html
new file mode 100644
index 0000000000..8eeea6424d
--- /dev/null
+++ b/docs/features/flexbox/index.html
@@ -0,0 +1,230 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Flexbox</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="flexbox" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-22 (baseline high)
+</div>
+  
+  <h1>Flexbox</h1>
+  <p>Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/flexbox">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex">flex property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex-basis">flex-basis property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex-direction">flex-direction property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex-flow">flex-flow property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex-grow">flex-grow property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex-shrink">flex-shrink property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex-wrap">flex-wrap property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/order">order property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-flexbox-1/">https://drafts.csswg.org/css-flexbox-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Flexbox">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Flexbox+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Flexbox">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Flexbox+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Flexbox">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Flexbox+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-content.json">css.properties.align-content.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-content.json">css.properties.align-content.flex_context.stretch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-items.json">css.properties.align-items.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-items.json">css.properties.align-items.flex_context.baseline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-self.json">css.properties.align-self.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-self.json">css.properties.align-self.flex_context.baseline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-self.json">css.properties.align-self.flex_context.stretch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.flex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.inline-flex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex.json">css.properties.flex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-basis.json">css.properties.flex-basis</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-basis.json">css.properties.flex-basis.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-direction.json">css.properties.flex-direction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-flow.json">css.properties.flex-flow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-grow.json">css.properties.flex-grow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-shrink.json">css.properties.flex-shrink</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/flex-wrap.json">css.properties.flex-wrap</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-content.json">css.properties.justify-content.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-content.json">css.properties.justify-content.flex_context.stretch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-items.json">css.properties.justify-items.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-self.json">css.properties.justify-self.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/order.json">css.properties.order</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-content.json">css.properties.place-content.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-items.json">css.properties.place-items.flex_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-self.json">css.properties.place-self.flex_context</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/focus-visible/index.html b/docs/features/focus-visible/index.html
new file mode 100644
index 0000000000..ea0cf832d3
--- /dev/null
+++ b/docs/features/focus-visible/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:focus-visible</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="focus-visible" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>:focus-visible</h1>
+  <p>The <code>:focus-visible</code> CSS pseudo-class selects elements that match the <code>:focus</code> pseudo-class and meets the browser's criteria for visually emphasizing focused elements.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-focus-visible">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:focus-visible">:focus-visible pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo">https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:focus-visible">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :focus-visible+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:focus-visible">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :focus-visible+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:focus-visible">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :focus-visible+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/focus-visible.json">css.selectors.focus-visible</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-face/index.html b/docs/features/font-face/index.html
new file mode 100644
index 0000000000..da9085ca88
--- /dev/null
+++ b/docs/features/font-face/index.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>@font-face</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-face" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+  
+  <h1>@font-face</h1>
+  <p>The <code>@font-face</code> CSS at-rule creates a custom <code>font-family</code> value. The at-rule's descriptors set the font's name, source, and various display settings.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/fontface">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-face">@font-face property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-face/font-family">@font-face/font-family property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-face/src">@font-face/src property</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="guide">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/Guide/WOFF">WOFF</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/Guide/WOFF">WOFF</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-5/">https://drafts.csswg.org/css-fonts-5/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#@font-face">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement @font-face+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=@font-face">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @font-face+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=@font-face">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @font-face+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-face.json">css.at-rules.font-face</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-face.json">css.at-rules.font-face.WOFF</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-face.json">css.at-rules.font-face.WOFF_2</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-face.json">css.at-rules.font-face.font-family</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-face.json">css.at-rules.font-face.src</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-optical-sizing/index.html b/docs/features/font-optical-sizing/index.html
new file mode 100644
index 0000000000..63be7c5056
--- /dev/null
+++ b/docs/features/font-optical-sizing/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-optical-sizing</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-optical-sizing" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-06-17 (baseline high)
+</div>
+  
+  <h1>font-optical-sizing</h1>
+  <p>The <code>font-optical-sizing</code> CSS property sets whether text rendering is optimized for viewing at different sizes.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing">font-optical-sizing property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-optical-sizing-def">https://drafts.csswg.org/css-fonts-4/#font-optical-sizing-def</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-optical-sizing">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-optical-sizing+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-optical-sizing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-optical-sizing+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-optical-sizing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-optical-sizing+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-optical-sizing.json">css.properties.font-optical-sizing</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-palette-animation/index.html b/docs/features/font-palette-animation/index.html
new file mode 100644
index 0000000000..3a12da907b
--- /dev/null
+++ b/docs/features/font-palette-animation/index.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-palette animation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-palette-animation" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>font-palette animation</h1>
+  <p>You can animate color fonts between two <code>font-palette</code> values.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-palette-prop">https://drafts.csswg.org/css-fonts-4/#font-palette-prop</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-palette animation">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-palette animation+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-palette animation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-palette animation+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-palette animation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-palette animation+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-palette.json">css.properties.font-palette.animation_computed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-palette.json">css.properties.font-palette.palette-mix_function</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-palette/index.html b/docs/features/font-palette/index.html
new file mode 100644
index 0000000000..b3aa2d5e62
--- /dev/null
+++ b/docs/features/font-palette/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-palette</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-palette" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-11-15 (baseline low)
+  
+</div>
+  
+  <h1>font-palette</h1>
+  <p>The <code>font-palette</code> CSS property selects a color palette from the font, optionally overriding individual colors in the <code>@font-palette-values</code> at-rule.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-font-palette">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontPaletteValuesRule">CSSFontPaletteValuesRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontPaletteValuesRule/basePalette">CSSFontPaletteValuesRule.basePalette</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontPaletteValuesRule/fontFamily">CSSFontPaletteValuesRule.fontFamily</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontPaletteValuesRule/name">CSSFontPaletteValuesRule.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontPaletteValuesRule/overrideColors">CSSFontPaletteValuesRule.overrideColors</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-palette-values">@font-palette-values property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-palette">font-palette property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-palette-prop">https://drafts.csswg.org/css-fonts-4/#font-palette-prop</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-palette-values">https://drafts.csswg.org/css-fonts-4/#font-palette-values</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-palette">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-palette+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-palette">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-palette+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-palette">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-palette+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontPaletteValuesRule.json">api.CSSFontPaletteValuesRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontPaletteValuesRule.json">api.CSSFontPaletteValuesRule.basePalette</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontPaletteValuesRule.json">api.CSSFontPaletteValuesRule.fontFamily</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontPaletteValuesRule.json">api.CSSFontPaletteValuesRule.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontPaletteValuesRule.json">api.CSSFontPaletteValuesRule.overrideColors</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-palette-values.json">css.at-rules.font-palette-values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-palette-values.json">css.at-rules.font-palette-values.base-palette</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-palette-values.json">css.at-rules.font-palette-values.font-family</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-palette-values.json">css.at-rules.font-palette-values.override-colors</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-palette.json">css.properties.font-palette</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-size-adjust/index.html b/docs/features/font-size-adjust/index.html
new file mode 100644
index 0000000000..d34ff22d29
--- /dev/null
+++ b/docs/features/font-size-adjust/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-size-adjust</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-size-adjust" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>font-size-adjust</h1>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/font-size-adjust">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-size-adjust">font-size-adjust property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-5/#font-size-adjust-prop">https://drafts.csswg.org/css-fonts-5/#font-size-adjust-prop</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-size-adjust">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-size-adjust+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-size-adjust">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-size-adjust+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-size-adjust">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-size-adjust+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-size-adjust.json">css.properties.font-size-adjust</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-synthesis-position/index.html b/docs/features/font-synthesis-position/index.html
new file mode 100644
index 0000000000..bfa401e968
--- /dev/null
+++ b/docs/features/font-synthesis-position/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-synthesis-position</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-synthesis-position" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>font-synthesis-position</h1>
+  <p>The <code>font-synthesis-position</code> CSS property sets whether or not the browser should synthesize subscript and superscript typefaces when they're missing from the font.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-synthesis-position">font-synthesis-position property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-synthesis-position">https://drafts.csswg.org/css-fonts-4/#font-synthesis-position</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-synthesis-position">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-position+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-synthesis-position">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-position+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-synthesis-position">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-position+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-position.json">css.properties.font-synthesis-position</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-position.json">css.properties.font-synthesis-position.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-position.json">css.properties.font-synthesis-position.none</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-synthesis-small-caps/index.html b/docs/features/font-synthesis-small-caps/index.html
new file mode 100644
index 0000000000..c0f4325e8d
--- /dev/null
+++ b/docs/features/font-synthesis-small-caps/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-synthesis-small-caps</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-synthesis-small-caps" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>font-synthesis-small-caps</h1>
+  <p>The <code>font-synthesis-small-caps</code> CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-synthesis-small-caps">font-synthesis-small-caps property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-synthesis-small-caps">https://drafts.csswg.org/css-fonts-4/#font-synthesis-small-caps</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-synthesis-small-caps">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-small-caps+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-synthesis-small-caps">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-small-caps+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-synthesis-small-caps">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-small-caps+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-small-caps.json">css.properties.font-synthesis-small-caps</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-small-caps.json">css.properties.font-synthesis-small-caps.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-small-caps.json">css.properties.font-synthesis-small-caps.none</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-synthesis-style/index.html b/docs/features/font-synthesis-style/index.html
new file mode 100644
index 0000000000..f3587462e3
--- /dev/null
+++ b/docs/features/font-synthesis-style/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-synthesis-style</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-synthesis-style" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>font-synthesis-style</h1>
+  <p>The <code>font-synthesis-style</code> CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-synthesis-style">font-synthesis-style property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-synthesis-style">https://drafts.csswg.org/css-fonts-4/#font-synthesis-style</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-synthesis-style">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-style+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-synthesis-style">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-style+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-synthesis-style">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-style+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-style.json">css.properties.font-synthesis-style</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-style.json">css.properties.font-synthesis-style.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-style.json">css.properties.font-synthesis-style.none</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-synthesis-weight/index.html b/docs/features/font-synthesis-weight/index.html
new file mode 100644
index 0000000000..ea65318d57
--- /dev/null
+++ b/docs/features/font-synthesis-weight/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-synthesis-weight</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-synthesis-weight" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>font-synthesis-weight</h1>
+  <p>The <code>font-synthesis-weight</code> CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-synthesis-weight">font-synthesis-weight property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-synthesis-weight">https://drafts.csswg.org/css-fonts-4/#font-synthesis-weight</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-synthesis-weight">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-weight+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-synthesis-weight">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-weight+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-synthesis-weight">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis-weight+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-weight.json">css.properties.font-synthesis-weight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-weight.json">css.properties.font-synthesis-weight.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis-weight.json">css.properties.font-synthesis-weight.none</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-synthesis/index.html b/docs/features/font-synthesis/index.html
new file mode 100644
index 0000000000..3d7c7e2267
--- /dev/null
+++ b/docs/features/font-synthesis/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-synthesis</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-synthesis" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-01-06 (baseline low)
+  
+</div>
+  
+  <h1>font-synthesis</h1>
+  <p>The <code>font-synthesis</code> CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as <code>font-synthesis-style</code> and <code>font-synthesis-weight</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-synthesis">font-synthesis property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-synthesis">https://drafts.csswg.org/css-fonts-4/#font-synthesis</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-synthesis">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-synthesis">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-synthesis">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-synthesis+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-synthesis.json">css.properties.font-synthesis</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/font-variant-alternates/index.html b/docs/features/font-variant-alternates/index.html
new file mode 100644
index 0000000000..dd07133e4a
--- /dev/null
+++ b/docs/features/font-variant-alternates/index.html
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>font-variant-alternates</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="font-variant-alternates" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+  
+  <h1>font-variant-alternates</h1>
+  <p>The <code>font-variant-alternates</code> CSS property, along with the <code>@font-feature-values</code> at-rule, chooses when to use a font's alternate glyphs.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/font-variant-alternates">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontFeatureValuesRule">CSSFontFeatureValuesRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSFontFeatureValuesRule/fontFamily">CSSFontFeatureValuesRule.fontFamily</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values">@font-feature-values property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#annotation">@font-feature-values: annotation; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#character-variant">@font-feature-values: character-variant; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#ornaments">@font-feature-values: ornaments; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#styleset">@font-feature-values: styleset; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#stylistic">@font-feature-values: stylistic; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#swash">@font-feature-values: swash; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates">font-variant-alternates property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#annotation()">font-variant-alternates: annotation(); declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#character-variant()">font-variant-alternates: character-variant(); declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#ornaments()">font-variant-alternates: ornaments(); declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#styleset()">font-variant-alternates: styleset(); declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#stylistic()">font-variant-alternates: stylistic(); declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#swash()">font-variant-alternates: swash(); declaration</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-fonts-4/#font-variant-alternates-prop">https://drafts.csswg.org/css-fonts-4/#font-variant-alternates-prop</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#font-variant-alternates">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-variant-alternates+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=font-variant-alternates">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-variant-alternates+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=font-variant-alternates">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement font-variant-alternates+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontFeatureValuesRule.json">api.CSSFontFeatureValuesRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSFontFeatureValuesRule.json">api.CSSFontFeatureValuesRule.fontFamily</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.annotation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.character-variant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.historical-forms</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.ornaments</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.styleset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.stylistic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/font-feature-values.json">css.at-rules.font-feature-values.swash</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates.annotation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates.character_variant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates.ornaments</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates.styleset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates.stylistic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/font-variant-alternates.json">css.properties.font-variant-alternates.swash</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/form-associated-custom-elements/index.html b/docs/features/form-associated-custom-elements/index.html
new file mode 100644
index 0000000000..0e52b2781c
--- /dev/null
+++ b/docs/features/form-associated-custom-elements/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Form-associated custom elements</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="form-associated-custom-elements" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Form-associated custom elements</h1>
+  <p>Custom elements may act like built-in form elements, via the the <code>attachInternals()</code> method of <code>HTMLElement</code> and the <code>ElementInternals</code> API.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/attachInternals">HTMLElement.attachInternals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals">ElementInternals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/checkValidity">ElementInternals.checkValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/form">ElementInternals.form</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/labels">ElementInternals.labels</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/reportValidity">ElementInternals.reportValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue">ElementInternals.setFormValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/setValidity">ElementInternals.setValidity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/validationMessage">ElementInternals.validationMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/validity">ElementInternals.validity</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ElementInternals/willValidate">ElementInternals.willValidate</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/custom-elements.html#form-associated-custom-elements">https://html.spec.whatwg.org/multipage/custom-elements.html#form-associated-custom-elements</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Form-associated custom elements">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Form-associated custom elements+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Form-associated custom elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Form-associated custom elements+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Form-associated custom elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Form-associated custom elements+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.attachInternals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.checkValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.form</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.labels</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.reportValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.setFormValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.setValidity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.validationMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.validity</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ElementInternals.json">api.ElementInternals.willValidate</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/fullscreen/index.html b/docs/features/fullscreen/index.html
new file mode 100644
index 0000000000..da733ccb48
--- /dev/null
+++ b/docs/features/fullscreen/index.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Fullscreen API</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="fullscreen" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Fullscreen API</h1>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/fullscreen">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/exitFullscreen">Document.exitFullscreen</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/fullscreenchange_event">Document.fullscreenchange_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/fullscreenElement">Document.fullscreenElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/fullscreenEnabled">Document.fullscreenEnabled</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/fullscreenerror_event">Document.fullscreenerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/fullscreenchange_event">Element.fullscreenchange_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/fullscreenerror_event">Element.fullscreenerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/requestFullscreen">Element.requestFullscreen</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLIFrameElement/allowFullscreen">HTMLIFrameElement.allowFullscreen</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot/fullscreenElement">ShadowRoot.fullscreenElement</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:fullscreen">:fullscreen pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://fullscreen.spec.whatwg.org/">https://fullscreen.spec.whatwg.org/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Fullscreen API">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fullscreen API+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Fullscreen API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fullscreen API+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Fullscreen API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Fullscreen API+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.exitFullscreen</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.exitFullscreen.returns_promise</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.fullscreenchange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.fullscreenElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.fullscreenEnabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.fullscreenerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.fullscreenchange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.fullscreenerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.requestFullscreen</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.requestFullscreen.returns_promise</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLIFrameElement.json">api.HTMLIFrameElement.allowFullscreen</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.fullscreenElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/backdrop.json">css.selectors.backdrop.fullscreen</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/fullscreen.json">css.selectors.fullscreen</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/iframe.json">html.elements.iframe.allowfullscreen</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/grid-animation/index.html b/docs/features/grid-animation/index.html
new file mode 100644
index 0000000000..5130576817
--- /dev/null
+++ b/docs/features/grid-animation/index.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Grid animation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="grid-animation" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-27 (baseline low)
+  
+</div>
+  
+  <h1>Grid animation</h1>
+  <p>Grid animation allows you to animate the <code>grid-template-columns</code> and <code>grid-template-rows</code> CSS properties.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-grid-2/#track-sizing">https://drafts.csswg.org/css-grid-2/#track-sizing</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Grid animation">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Grid animation+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Grid animation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Grid animation+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Grid animation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Grid animation+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns.animation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows.animation</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/grid/index.html b/docs/features/grid/index.html
new file mode 100644
index 0000000000..23fcabd9e4
--- /dev/null
+++ b/docs/features/grid/index.html
@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Grid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="grid" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+  
+  <h1>Grid</h1>
+  <p>CSS Grid is a two-dimensional layout system, which lays content out in rows and columns.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-grid">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2020-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid">grid property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-area">grid-area property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns">grid-auto-columns property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow">grid-auto-flow property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows">grid-auto-rows property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-column">grid-column property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-column-end">grid-column-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-column-start">grid-column-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-row">grid-row property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-row-end">grid-row-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-row-start">grid-row-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-template">grid-template property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-template-areas">grid-template-areas property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-template-columns">grid-template-columns property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/fit-content">fit-content property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/minmax()">minmax() property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/repeat()">repeat() property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/grid-template-rows">grid-template-rows property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/fit-content">fit-content property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/minmax()">minmax() property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/repeat()">repeat() property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/flex_value">flex_value property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-grid-3/">https://drafts.csswg.org/css-grid-3/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Grid">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Grid+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Grid">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Grid+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Grid">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Grid+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-content.json">css.properties.align-content.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-items.json">css.properties.align-items.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-items.json">css.properties.align-items.grid_context.start_end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-self.json">css.properties.align-self.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/column-gap.json">css.properties.column-gap.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.grid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.inline-grid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/gap.json">css.properties.gap.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/gap.json">css.properties.gap.grid_context.calc_values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/gap.json">css.properties.gap.grid_context.percentage_values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid.json">css.properties.grid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-area.json">css.properties.grid-area</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-auto-columns.json">css.properties.grid-auto-columns</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-auto-flow.json">css.properties.grid-auto-flow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-auto-rows.json">css.properties.grid-auto-rows</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-column.json">css.properties.grid-column</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-column-end.json">css.properties.grid-column-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-column-start.json">css.properties.grid-column-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-row.json">css.properties.grid-row</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-row-end.json">css.properties.grid-row-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-row-start.json">css.properties.grid-row-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template.json">css.properties.grid-template</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-areas.json">css.properties.grid-template-areas</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns.fit-content</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns.minmax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns.repeat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows.fit-content</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows.minmax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows.repeat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-content.json">css.properties.justify-content.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-items.json">css.properties.justify-items.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-self.json">css.properties.justify-self.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-content.json">css.properties.place-content.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-items.json">css.properties.place-items.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/place-self.json">css.properties.place-self.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/row-gap.json">css.properties.row-gap.grid_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/flex.json">css.types.flex</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/has/index.html b/docs/features/has/index.html
new file mode 100644
index 0000000000..731b0a54fc
--- /dev/null
+++ b/docs/features/has/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:has()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="has" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+  
+  <h1>:has()</h1>
+  <p>The <code>:has()</code> CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-has">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:has">:has pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#relational">https://drafts.csswg.org/selectors-4/#relational</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:has()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :has()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:has()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :has()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:has()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :has()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/has.json">css.selectors.has</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/hidden-until-found/index.html b/docs/features/hidden-until-found/index.html
new file mode 100644
index 0000000000..2016e71df7
--- /dev/null
+++ b/docs/features/hidden-until-found/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>hidden=&amp;quot;until-found&amp;quot;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="hidden-until-found" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>hidden=&quot;until-found&quot;</h1>
+  <p>The <code>hidden="until-found"</code> attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden">hidden global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interaction.html#attr-hidden-until-found">https://html.spec.whatwg.org/multipage/interaction.html#attr-hidden-until-found</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#hidden=&quot;until-found&quot;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement hidden=&quot;until-found&quot;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=hidden=&quot;until-found&quot;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement hidden=&quot;until-found&quot;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=hidden=&quot;until-found&quot;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement hidden=&quot;until-found&quot;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.hidden.until-found_value</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/highlight/index.html b/docs/features/highlight/index.html
new file mode 100644
index 0000000000..ff40c7d2a3
--- /dev/null
+++ b/docs/features/highlight/index.html
@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Custom highlights</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="highlight" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Custom highlights</h1>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSS/highlights_static">CSS.highlights_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight">Highlight</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/Highlight">Highlight.Highlight</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/add">Highlight.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/clear">Highlight.clear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/delete">Highlight.delete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/entries">Highlight.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/forEach">Highlight.forEach</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/has">Highlight.has</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/keys">Highlight.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/priority">Highlight.priority</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/size">Highlight.size</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/type">Highlight.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Highlight/values">Highlight.values</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry">HighlightRegistry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/clear">HighlightRegistry.clear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/delete">HighlightRegistry.delete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/entries">HighlightRegistry.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/forEach">HighlightRegistry.forEach</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/get">HighlightRegistry.get</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/has">HighlightRegistry.has</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/keys">HighlightRegistry.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/set">HighlightRegistry.set</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/size">HighlightRegistry.size</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HighlightRegistry/values">HighlightRegistry.values</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::highlight">::highlight pseudo-element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-highlight-api-1/">https://drafts.csswg.org/css-highlight-api-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Custom highlights">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Custom highlights+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Custom highlights">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Custom highlights+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Custom highlights">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Custom highlights+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSS.json">api.CSS.highlights_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.Highlight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.clear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.delete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.priority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Highlight.json">api.Highlight.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.clear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.delete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.get</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HighlightRegistry.json">api.HighlightRegistry.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/highlight.json">css.selectors.highlight</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/html-media-capture/index.html b/docs/features/html-media-capture/index.html
new file mode 100644
index 0000000000..fecd502fd2
--- /dev/null
+++ b/docs/features/html-media-capture/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>HTML media capture</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="html-media-capture" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>HTML media capture</h1>
+  <p>The <code>capture</code> HTML attribute for <code>&#x3C;input type="file"></code> elements allows the user to capture media using the device's camera or microphone.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/html-media-capture">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Attributes/capture">Attributes/capture</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/html-media-capture/">https://w3c.github.io/html-media-capture/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#HTML media capture">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTML media capture+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=HTML media capture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTML media capture+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=HTML media capture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTML media capture+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.capture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/input.json">html.elements.input.capture</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/http11/index.html b/docs/features/http11/index.html
new file mode 100644
index 0000000000..107a553f1a
--- /dev/null
+++ b/docs/features/http11/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>HTTP/1.1</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="http11" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>HTTP/1.1</h1>
+  <p>HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Methods/GET">Methods/GET</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://httpwg.org/specs/rfc9112.html">https://httpwg.org/specs/rfc9112.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#HTTP/1.1">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/1.1+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=HTTP/1.1">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/1.1+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=HTTP/1.1">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/1.1+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/methods.json">http.methods.GET</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/http2/index.html b/docs/features/http2/index.html
new file mode 100644
index 0000000000..e9683ec03d
--- /dev/null
+++ b/docs/features/http2/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>HTTP/2</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="http2" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+  
+  <h1>HTTP/2</h1>
+  <p>The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/http2">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-11</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://httpwg.org/specs/rfc9113.html">https://httpwg.org/specs/rfc9113.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#HTTP/2">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/2+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=HTTP/2">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/2+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=HTTP/2">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/2+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/http3/index.html b/docs/features/http3/index.html
new file mode 100644
index 0000000000..422354361c
--- /dev/null
+++ b/docs/features/http3/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>HTTP/3</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="http3" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>HTTP/3</h1>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/http3">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://httpwg.org/specs/rfc9114.html">https://httpwg.org/specs/rfc9114.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#HTTP/3">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/3+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=HTTP/3">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/3+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=HTTP/3">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement HTTP/3+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/hyphens/index.html b/docs/features/hyphens/index.html
new file mode 100644
index 0000000000..db0d5d13ac
--- /dev/null
+++ b/docs/features/hyphens/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Hyphenation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="hyphens" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+  
+  <h1>Hyphenation</h1>
+  <p>The <code>hyphens</code> CSS property controls when long words are broken by line wrapping. Although called <code>hyphens</code>, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters to mark an intraword line break.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-hyphens">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/hyphens">hyphens property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-text-3/#hyphens-property">https://drafts.csswg.org/css-text-3/#hyphens-property</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Hyphenation">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Hyphenation+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Hyphenation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Hyphenation+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Hyphenation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Hyphenation+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/hyphens.json">css.properties.hyphens</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/ic/index.html b/docs/features/ic/index.html
new file mode 100644
index 0000000000..7367c02a79
--- /dev/null
+++ b/docs/features/ic/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>ic unit</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="ic" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-03 (baseline low)
+  
+</div>
+  
+  <h1>ic unit</h1>
+  <p>The CSS <code>ic</code> unit corresponds to the width of CJK ideographic characters.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#ic">https://drafts.csswg.org/css-values-4/#ic</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#ic unit">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement ic unit+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=ic unit">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ic unit+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=ic unit">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ic unit+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.ic</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/idle-detection/index.html b/docs/features/idle-detection/index.html
new file mode 100644
index 0000000000..097b42da4c
--- /dev/null
+++ b/docs/features/idle-detection/index.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Idle detection</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="idle-detection" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Idle detection</h1>
+  <p>The <code>IdleDetector</code> API is used to notify a webpage of the user's idle, active, and locked state.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector">IdleDetector</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector/IdleDetector">IdleDetector.IdleDetector</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector/change_event">IdleDetector.change_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector/requestPermission_static">IdleDetector.requestPermission_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector/screenState">IdleDetector.screenState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector/start">IdleDetector.start</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IdleDetector/userState">IdleDetector.userState</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Permissions-Policy/idle-detection">Headers/Permissions-Policy/idle-detection</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/idle-detection/">https://wicg.github.io/idle-detection/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Idle detection">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Idle detection+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Idle detection">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Idle detection+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Idle detection">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Idle detection+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector.IdleDetector</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector.change_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector.requestPermission_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector.screenState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector.start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IdleDetector.json">api.IdleDetector.userState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Permissions-Policy.json">http.headers.Permissions-Policy.idle-detection</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/image-set/index.html b/docs/features/image-set/index.html
new file mode 100644
index 0000000000..86f9328512
--- /dev/null
+++ b/docs/features/image-set/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>image-set()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="image-set" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+  
+  <h1>image-set()</h1>
+  <p>The <code>image-set()</code> CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-image-set">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/image-set()">image-set() property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/image/image-set">image/image-set property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/image/image-set">image/image-set property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-images-4/#image-set-notation">https://drafts.csswg.org/css-images-4/#image-set-notation</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#image-set()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement image-set()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=image-set()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement image-set()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=image-set()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement image-set()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/background-image.json">css.properties.background-image.image-set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/content.json">css.properties.content.image-set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/image.json">css.types.image.image-set</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/import-maps/index.html b/docs/features/import-maps/index.html
new file mode 100644
index 0000000000..7a96a00d41
--- /dev/null
+++ b/docs/features/import-maps/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Import maps</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="import-maps" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Import maps</h1>
+  <p>A <code>&#x3C;script type="importmap"></code> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/import-maps">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/webappapis.html#import-maps">https://html.spec.whatwg.org/multipage/webappapis.html#import-maps</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Import maps">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Import maps+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Import maps">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Import maps+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Import maps">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Import maps+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/script.json">html.elements.script.type.importmap</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/indeterminate/index.html b/docs/features/indeterminate/index.html
new file mode 100644
index 0000000000..256052806e
--- /dev/null
+++ b/docs/features/indeterminate/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:indeterminate</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="indeterminate" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>:indeterminate</h1>
+  <p>The <code>:indeterminate</code> CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-indeterminate-pseudo">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:indeterminate">:indeterminate pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#indeterminate">https://drafts.csswg.org/selectors-4/#indeterminate</a></li>
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/semantics-other.html#selector-indeterminate">https://html.spec.whatwg.org/multipage/semantics-other.html#selector-indeterminate</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:indeterminate">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :indeterminate+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:indeterminate">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :indeterminate+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:indeterminate">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :indeterminate+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/indeterminate.json">css.selectors.indeterminate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/indeterminate.json">css.selectors.indeterminate.checkbox</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/indeterminate.json">css.selectors.indeterminate.progress</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/indeterminate.json">css.selectors.indeterminate.radio</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/individual-transforms/index.html b/docs/features/individual-transforms/index.html
new file mode 100644
index 0000000000..08d441b3a4
--- /dev/null
+++ b/docs/features/individual-transforms/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Individual transform properties</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="individual-transforms" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-05 (baseline low)
+  
+</div>
+  
+  <h1>Individual transform properties</h1>
+  <p>Transform elements with separate <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/rotate">rotate property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scale">scale property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/translate">translate property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-transforms-2/#individual-transforms">https://drafts.csswg.org/css-transforms-2/#individual-transforms</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Individual transform properties">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Individual transform properties+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Individual transform properties">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Individual transform properties+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Individual transform properties">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Individual transform properties+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/rotate.json">css.properties.rotate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scale.json">css.properties.scale</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/translate.json">css.properties.translate</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/inert/index.html b/docs/features/inert/index.html
new file mode 100644
index 0000000000..53ab436d5f
--- /dev/null
+++ b/docs/features/inert/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Inert elements</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="inert" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+  
+  <h1>Inert elements</h1>
+  <p>The <code>inert</code> HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire <code>click</code> events.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/inert">HTMLElement.inert</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/inert">inert global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interaction.html#inert-subtrees">https://html.spec.whatwg.org/multipage/interaction.html#inert-subtrees</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Inert elements">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Inert elements+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Inert elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Inert elements+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Inert elements">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Inert elements+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.inert</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.inert</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/input-event/index.html b/docs/features/input-event/index.html
new file mode 100644
index 0000000000..41e971a4e2
--- /dev/null
+++ b/docs/features/input-event/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>input event</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="input-event" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>input event</h1>
+  <p>The <code>input</code> event fires when a form control changes or an element with the <code>contenteditable</code> attribute changes.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/input-event">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/input_event">Element.input_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent">InputEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent/InputEvent">InputEvent.InputEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent/data">InputEvent.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent/dataTransfer">InputEvent.dataTransfer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent/getTargetRanges">InputEvent.getTargetRanges</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent/inputType">InputEvent.inputType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/InputEvent/isComposing">InputEvent.isComposing</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/uievents/#event-type-input">https://w3c.github.io/uievents/#event-type-input</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#input event">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement input event+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=input event">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement input event+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=input event">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement input event+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.input_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent.InputEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent.dataTransfer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent.getTargetRanges</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent.inputType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/InputEvent.json">api.InputEvent.isComposing</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/intersection-observer-v2/index.html b/docs/features/intersection-observer-v2/index.html
new file mode 100644
index 0000000000..9cc6aae9b4
--- /dev/null
+++ b/docs/features/intersection-observer-v2/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Intersection observer visibility tracking</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="intersection-observer-v2" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Intersection observer visibility tracking</h1>
+  <p>The <code>trackVisibility</code> parameter for the <code>IntersectionObserver</code> constructor enables tracking the visibility of an element, to detect if it may be obscured by other content or visual effects. Also known as IntersectionObserver v2.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/intersectionobserver-v2">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/IntersectionObserver/v2/">https://w3c.github.io/IntersectionObserver/v2/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Intersection observer visibility tracking">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Intersection observer visibility tracking+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Intersection observer visibility tracking">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Intersection observer visibility tracking+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Intersection observer visibility tracking">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Intersection observer visibility tracking+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/intersection-observer/index.html b/docs/features/intersection-observer/index.html
new file mode 100644
index 0000000000..ee612870d2
--- /dev/null
+++ b/docs/features/intersection-observer/index.html
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Intersection observer</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="intersection-observer" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+  
+  <h1>Intersection observer</h1>
+  <p>The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/intersectionobserver">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver">IntersectionObserver</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/IntersectionObserver">IntersectionObserver.IntersectionObserver</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/disconnect">IntersectionObserver.disconnect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/observe">IntersectionObserver.observe</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/root">IntersectionObserver.root</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/rootMargin">IntersectionObserver.rootMargin</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/takeRecords">IntersectionObserver.takeRecords</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/thresholds">IntersectionObserver.thresholds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserver/unobserve">IntersectionObserver.unobserve</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry">IntersectionObserverEntry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/boundingClientRect">IntersectionObserverEntry.boundingClientRect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/intersectionRatio">IntersectionObserverEntry.intersectionRatio</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/intersectionRect">IntersectionObserverEntry.intersectionRect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/isIntersecting">IntersectionObserverEntry.isIntersecting</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/rootBounds">IntersectionObserverEntry.rootBounds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/target">IntersectionObserverEntry.target</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/IntersectionObserverEntry/time">IntersectionObserverEntry.time</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/IntersectionObserver/">https://w3c.github.io/IntersectionObserver/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Intersection observer">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Intersection observer+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Intersection observer">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Intersection observer+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Intersection observer">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Intersection observer+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.IntersectionObserver</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.disconnect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.observe</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.root</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.rootMargin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.takeRecords</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.thresholds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserver.json">api.IntersectionObserver.unobserve</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.boundingClientRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.intersectionRatio</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.intersectionRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.isIntersecting</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.rootBounds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.target</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/IntersectionObserverEntry.json">api.IntersectionObserverEntry.time</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/is/index.html b/docs/features/is/index.html
new file mode 100644
index 0000000000..fe71547263
--- /dev/null
+++ b/docs/features/is/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:is()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="is" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+  
+  <h1>:is()</h1>
+  <p>The <code>:is()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-matches-pseudo">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:is">:is pseudo-class</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:is#Forgiving_Selector_Parsing">:is#Forgiving_Selector_Parsing pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#matches">https://drafts.csswg.org/selectors-4/#matches</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:is()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :is()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:is()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :is()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:is()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :is()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/is.json">css.selectors.is</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/is.json">css.selectors.is.forgiving_selector_list</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/jpegxl/index.html b/docs/features/jpegxl/index.html
new file mode 100644
index 0000000000..0fae6ce021
--- /dev/null
+++ b/docs/features/jpegxl/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>JPEG XL</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="jpegxl" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>JPEG XL</h1>
+  <p>The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/jpegxl">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://www.iso.org/standard/85253.html">https://www.iso.org/standard/85253.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#JPEG XL">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement JPEG XL+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=JPEG XL">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JPEG XL+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=JPEG XL">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JPEG XL+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/js-modules-service-workers/index.html b/docs/features/js-modules-service-workers/index.html
new file mode 100644
index 0000000000..d6cab27201
--- /dev/null
+++ b/docs/features/js-modules-service-workers/index.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>JavaScript modules in service workers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="js-modules-service-workers" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>JavaScript modules in service workers</h1>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/ServiceWorker/#dom-registrationoptions-type">https://w3c.github.io/ServiceWorker/#dom-registrationoptions-type</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#JavaScript modules in service workers">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in service workers+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=JavaScript modules in service workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in service workers+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=JavaScript modules in service workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in service workers+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorker.json">api.ServiceWorker.ecmascript_modules</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.import.service_worker_support</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/js-modules-shared-workers/index.html b/docs/features/js-modules-shared-workers/index.html
new file mode 100644
index 0000000000..d773e91f78
--- /dev/null
+++ b/docs/features/js-modules-shared-workers/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>JavaScript modules in shared workers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="js-modules-shared-workers" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>JavaScript modules in shared workers</h1>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/workers.html#shared-workers-and-the-sharedworker-interface:dom-sharedworker-2">https://html.spec.whatwg.org/multipage/workers.html#shared-workers-and-the-sharedworker-interface:dom-sharedworker-2</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#JavaScript modules in shared workers">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in shared workers+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=JavaScript modules in shared workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in shared workers+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=JavaScript modules in shared workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in shared workers+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SharedWorker.json">api.SharedWorker.SharedWorker.ecmascript_modules</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/js-modules-workers/index.html b/docs/features/js-modules-workers/index.html
new file mode 100644
index 0000000000..f20ce057da
--- /dev/null
+++ b/docs/features/js-modules-workers/index.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>JavaScript modules in workers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="js-modules-workers" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+  
+  <h1>JavaScript modules in workers</h1>
+  <p>The <code>Worker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in workers.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/workers.html#dom-worker-dev">https://html.spec.whatwg.org/multipage/workers.html#dom-worker-dev</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#JavaScript modules in workers">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in workers+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=JavaScript modules in workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in workers+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=JavaScript modules in workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules in workers+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Worker.json">api.Worker.Worker.ecmascript_modules</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Worker.json">api.Worker.Worker.options_type_parameter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/operators/import.json">javascript.operators.import.worker_support</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.import.worker_support</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/js-modules/index.html b/docs/features/js-modules/index.html
new file mode 100644
index 0000000000..eb6f8b070b
--- /dev/null
+++ b/docs/features/js-modules/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>JavaScript modules</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="js-modules" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-11-09 (baseline high)
+</div>
+  
+  <h1>JavaScript modules</h1>
+  <p>JavaScript modules allow code to be organized into reusable units. Modules use <code>import</code> to load other modules and <code>export</code> to declare what is available to import from other modules. In HTML, modules are loaded with <code>&#x3C;script type="module"></code>.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/es6-module">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/export">export statement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/export">export statement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/import">import statement</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/webappapis.html#javascript-module-script">https://html.spec.whatwg.org/multipage/webappapis.html#javascript-module-script</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/ecmascript-language-scripts-and-modules.html#sec-modules">https://tc39.es/ecma262/multipage/ecmascript-language-scripts-and-modules.html#sec-modules</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#JavaScript modules">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=JavaScript modules">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=JavaScript modules">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement JavaScript modules+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/script.json">html.elements.script.nomodule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/script.json">html.elements.script.type.module</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.export</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.export.default</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/statements.json">javascript.statements.import</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/lab/index.html b/docs/features/lab/index.html
new file mode 100644
index 0000000000..fd31abfa57
--- /dev/null
+++ b/docs/features/lab/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Lab and LCH</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="lab" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>Lab and LCH</h1>
+  <p>The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>lab()</code>, and <code>lch()</code> functions. Also known as CIELAB and CIELCH.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-lch-lab">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/lab">lab color value</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/lch">lch color value</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-4/#cie-lab">https://drafts.csswg.org/css-color-4/#cie-lab</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Lab and LCH">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Lab and LCH+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Lab and LCH">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Lab and LCH+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Lab and LCH">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Lab and LCH+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.lab</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.lch</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/lh/index.html b/docs/features/lh/index.html
new file mode 100644
index 0000000000..16a382b0d7
--- /dev/null
+++ b/docs/features/lh/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>lh unit</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="lh" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+  
+  <h1>lh unit</h1>
+  <p>The CSS <code>lh</code> unit corresponds to the requested line height, the computed value of the <code>line-height</code> property. Some lines may be higher than this based on their content.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#lh">https://drafts.csswg.org/css-values-4/#lh</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#lh unit">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement lh unit+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=lh unit">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement lh unit+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=lh unit">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement lh unit+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.lh</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/light-dark/index.html b/docs/features/light-dark/index.html
new file mode 100644
index 0000000000..47822fadbc
--- /dev/null
+++ b/docs/features/light-dark/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>light-dark()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="light-dark" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+  
+  <h1>light-dark()</h1>
+  <p>The <code>light-dark()</code> CSS function accepts two colors and uses one depending on the current color scheme.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/light-dark">light-dark color value</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-5/#light-dark">https://drafts.csswg.org/css-color-5/#light-dark</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#light-dark()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement light-dark()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=light-dark()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement light-dark()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=light-dark()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement light-dark()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.light-dark</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/line-clamp/index.html b/docs/features/line-clamp/index.html
new file mode 100644
index 0000000000..03a5e00d6a
--- /dev/null
+++ b/docs/features/line-clamp/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>line-clamp</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="line-clamp" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>line-clamp</h1>
+  <p>The <code>line-clamp</code> CSS property limits the text in a block container to a certain number of lines. The prefixed <code>-webkit-line-clamp</code> is widely supported but only works with <code>-webkit-box-orient: vertical</code> in combination with <code>display: -webkit-box</code> or <code>display: -webkit-inline-box</code>.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-line-clamp">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp">-webkit-line-clamp property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-overflow-4/#line-clamp">https://drafts.csswg.org/css-overflow-4/#line-clamp</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#line-clamp">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement line-clamp+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=line-clamp">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement line-clamp+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=line-clamp">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement line-clamp+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/line-clamp.json">css.properties.line-clamp</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/linear-easing/index.html b/docs/features/linear-easing/index.html
new file mode 100644
index 0000000000..36fd31e9ff
--- /dev/null
+++ b/docs/features/linear-easing/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>linear() easing</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="linear-easing" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>linear() easing</h1>
+  <p>The <code>linear()</code> easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-easing-2/#the-linear-easing-function">https://drafts.csswg.org/css-easing-2/#the-linear-easing-function</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#linear() easing">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement linear() easing+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=linear() easing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement linear() easing+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=linear() easing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement linear() easing+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/easing-function.json">css.types.easing-function.linear-function</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/loading-lazy/index.html b/docs/features/loading-lazy/index.html
new file mode 100644
index 0000000000..fe26a71e8f
--- /dev/null
+++ b/docs/features/loading-lazy/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Lazy-loading images and iframes</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="loading-lazy" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+  
+  <h1>Lazy-loading images and iframes</h1>
+  <p>The <code>loading="lazy"</code> attribute for <code>&#x3C;img></code> and <code>&#x3C;iframe></code> elements blocks loading the external resource until the user scrolls to that element's part of the page.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/loading-lazy-attr">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLIFrameElement/loading">HTMLIFrameElement.loading</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLImageElement/loading">HTMLImageElement.loading</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes">https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Lazy-loading images and iframes">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Lazy-loading images and iframes+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Lazy-loading images and iframes">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Lazy-loading images and iframes+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Lazy-loading images and iframes">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Lazy-loading images and iframes+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLIFrameElement.json">api.HTMLIFrameElement.loading</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLImageElement.json">api.HTMLImageElement.loading</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/iframe.json">html.elements.iframe.loading</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/img.json">html.elements.img.loading</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/managed-media-source/index.html b/docs/features/managed-media-source/index.html
new file mode 100644
index 0000000000..46bb07636c
--- /dev/null
+++ b/docs/features/managed-media-source/index.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Managed media source</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="managed-media-source" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Managed media source</h1>
+  <p>The <code>ManagedMediaSource</code> API is a <code>MediaSource</code> where the browser manages the memory of source buffers and may evict data if needed.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.1</span>
+        <span class="date">Released on 2023-10-25</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/media-source/#managedmediasource-interface">https://w3c.github.io/media-source/#managedmediasource-interface</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Managed media source">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Managed media source+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Managed media source">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Managed media source+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Managed media source">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Managed media source+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedMediaSource.json">api.ManagedMediaSource</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedMediaSource.json">api.ManagedMediaSource.ManagedMediaSource</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedMediaSource.json">api.ManagedMediaSource.endstreaming_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedMediaSource.json">api.ManagedMediaSource.startstreaming_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedMediaSource.json">api.ManagedMediaSource.streaming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedSourceBuffer.json">api.ManagedSourceBuffer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ManagedSourceBuffer.json">api.ManagedSourceBuffer.bufferedchange_event</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/map/index.html b/docs/features/map/index.html
new file mode 100644
index 0000000000..e9e32ae2cd
--- /dev/null
+++ b/docs/features/map/index.html
@@ -0,0 +1,252 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Map (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="map" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Map (initial support)</h1>
+  <p>Map objects hold key-value pairs and remember the original insertion order of the keys.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map">Map global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/Map">Map.Map</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/clear">Map.clear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/delete">Map.delete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/entries">Map.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/forEach">Map.forEach</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/get">Map.get</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/has">Map.has</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/keys">Map.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/set">Map.set</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/size">Map.size</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/values">Map.values</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/@@iterator">Map.@@iterator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map/@@species">Map.@@species</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map-objects">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map-objects</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map-constructor">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map-constructor</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.clear">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.clear</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.delete">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.delete</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.entries">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.entries</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.foreach">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.foreach</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.get">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.get</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.has">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.has</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.keys">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.keys</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.set">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.set</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-get-map.prototype.size">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-get-map.prototype.size</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.values">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype.values</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype-@@iterator">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-map.prototype-@@iterator</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-get-map-@@species">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-get-map-@@species</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Map (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Map (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Map (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Map (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Map (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Map (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.Map</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.Map.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.Map.null_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.clear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.delete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.get</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.key_equality_for_zeros</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Map.json">javascript.builtins.Map.@@species</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/margin-trim/index.html b/docs/features/margin-trim/index.html
new file mode 100644
index 0000000000..e214c6c2ce
--- /dev/null
+++ b/docs/features/margin-trim/index.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>margin-trim</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="margin-trim" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>margin-trim</h1>
+  <p>The <code>margin-trim</code> CSS property removes the margins of child elements when they meet the edges of the container.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/margin-trim">margin-trim property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-box-4/#margin-trim">https://drafts.csswg.org/css-box-4/#margin-trim</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#margin-trim">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement margin-trim+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=margin-trim">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement margin-trim+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=margin-trim">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement margin-trim+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.block</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.inline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/margin-trim.json">css.properties.margin-trim.none</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/masks/index.html b/docs/features/masks/index.html
new file mode 100644
index 0000000000..eb9ba97235
--- /dev/null
+++ b/docs/features/masks/index.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Masks</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="masks" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+  
+  <h1>Masks</h1>
+  <p>The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-masks">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask">mask property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-clip">mask-clip property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-composite">mask-composite property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-image">mask-image property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-mode">mask-mode property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-origin">mask-origin property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-position">mask-position property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-repeat">mask-repeat property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mask-size">mask-size property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.fxtf.org/css-masking-1/#positioned-masks">https://drafts.fxtf.org/css-masking-1/#positioned-masks</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Masks">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Masks+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Masks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Masks+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Masks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Masks+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask.json">css.properties.mask</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-clip.json">css.properties.mask-clip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-composite.json">css.properties.mask-composite</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-image.json">css.properties.mask-image</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-mode.json">css.properties.mask-mode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-origin.json">css.properties.mask-origin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-position.json">css.properties.mask-position</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-repeat.json">css.properties.mask-repeat</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/mask-size.json">css.properties.mask-size</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/masonry/index.html b/docs/features/masonry/index.html
new file mode 100644
index 0000000000..5cded5672d
--- /dev/null
+++ b/docs/features/masonry/index.html
@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Masonry</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="masonry" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Masonry</h1>
+  <p>Masonry is a type of CSS grid layout where the items on one of the axes are tightly packed together, like brickwork, instead of leaving gaps to align across the other axis.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1757446">bugzil.la/1757446</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1757446">bugzil.la/1757446</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/248287">webkit.org/b/248287</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/248287">webkit.org/b/248287</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/align-tracks">align-tracks property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout">CSS_Grid_Layout/Masonry_Layout property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/justify-tracks">justify-tracks property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/masonry-auto-flow">masonry-auto-flow property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-grid-3/">https://drafts.csswg.org/css-grid-3/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Masonry">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Masonry+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Masonry">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Masonry+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Masonry">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Masonry+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/align-tracks.json">css.properties.align-tracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns.masonry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows.masonry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-tracks.json">css.properties.justify-tracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/masonry-auto-flow.json">css.properties.masonry-auto-flow</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/mathml/index.html b/docs/features/mathml/index.html
new file mode 100644
index 0000000000..abdcfa8d40
--- /dev/null
+++ b/docs/features/mathml/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>MathML</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="mathml" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-01-12 (baseline low)
+  
+</div>
+  
+  <h1>MathML</h1>
+  <p>MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/mathml">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/mathml-core/">https://w3c.github.io/mathml-core/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#MathML">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement MathML+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=MathML">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement MathML+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=MathML">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement MathML+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/media-capture/index.html b/docs/features/media-capture/index.html
new file mode 100644
index 0000000000..bb35ffc23d
--- /dev/null
+++ b/docs/features/media-capture/index.html
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Media capture</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="media-capture" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+  
+  <h1>Media capture</h1>
+  <p>The <code>navigator.mediaDevices.getUserMedia()</code> API requests access to devices that produce audio or video streams, such as microphones or video cameras.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/stream">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDeviceInfo">MediaDeviceInfo</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDeviceInfo/deviceId">MediaDeviceInfo.deviceId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDeviceInfo/groupId">MediaDeviceInfo.groupId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDeviceInfo/kind">MediaDeviceInfo.kind</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDeviceInfo/label">MediaDeviceInfo.label</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDevices">MediaDevices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDevices/enumerateDevices">MediaDevices.enumerateDevices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaDevices/getUserMedia">MediaDevices.getUserMedia</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStream/getAudioTracks">MediaStream.getAudioTracks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStream/getTracks">MediaStream.getTracks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStream/getVideoTracks">MediaStream.getVideoTracks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStreamTrack">MediaStreamTrack</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStreamTrack/enabled">MediaStreamTrack.enabled</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStreamTrack/id">MediaStreamTrack.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStreamTrack/kind">MediaStreamTrack.kind</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStreamTrack/label">MediaStreamTrack.label</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaStreamTrack/stop">MediaStreamTrack.stop</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/mediacapture-main/">https://w3c.github.io/mediacapture-main/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Media capture">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media capture+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Media capture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media capture+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Media capture">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media capture+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDeviceInfo.json">api.MediaDeviceInfo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDeviceInfo.json">api.MediaDeviceInfo.deviceId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDeviceInfo.json">api.MediaDeviceInfo.groupId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDeviceInfo.json">api.MediaDeviceInfo.kind</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDeviceInfo.json">api.MediaDeviceInfo.label</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDevices.json">api.MediaDevices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDevices.json">api.MediaDevices.enumerateDevices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaDevices.json">api.MediaDevices.getUserMedia</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStream.json">api.MediaStream.getAudioTracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStream.json">api.MediaStream.getTracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStream.json">api.MediaStream.getVideoTracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStreamTrack.json">api.MediaStreamTrack</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStreamTrack.json">api.MediaStreamTrack.enabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStreamTrack.json">api.MediaStreamTrack.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStreamTrack.json">api.MediaStreamTrack.kind</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStreamTrack.json">api.MediaStreamTrack.label</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaStreamTrack.json">api.MediaStreamTrack.stop</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/media-pseudos/index.html b/docs/features/media-pseudos/index.html
new file mode 100644
index 0000000000..ae919763d3
--- /dev/null
+++ b/docs/features/media-pseudos/index.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Media element pseudo-classes</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="media-pseudos" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Media element pseudo-classes</h1>
+  <p>The <code>:playing</code>, <code>:paused</code>, <code>:seeking</code>, <code>:buffering</code>, <code>:stalled</code>, <code>:muted</code>, and <code>:volume-locked</code> CSS pseudo-classes match <code>&#x3C;audio></code> and <code>&#x3C;video></code> elements based on their state.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:paused">:paused pseudo-class</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:playing">:playing pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#resource-pseudos">https://drafts.csswg.org/selectors-4/#resource-pseudos</a></li>
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/semantics-other.html#pseudo-classes">https://html.spec.whatwg.org/multipage/semantics-other.html#pseudo-classes</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Media element pseudo-classes">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media element pseudo-classes+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Media element pseudo-classes">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media element pseudo-classes+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Media element pseudo-classes">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media element pseudo-classes+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/buffering.json">css.selectors.buffering</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/muted.json">css.selectors.muted</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/paused.json">css.selectors.paused</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/playing.json">css.selectors.playing</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/seeking.json">css.selectors.seeking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/stalled.json">css.selectors.stalled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/volume-locked.json">css.selectors.volume-locked</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/media-query-range-syntax/index.html b/docs/features/media-query-range-syntax/index.html
new file mode 100644
index 0000000000..309b99dcee
--- /dev/null
+++ b/docs/features/media-query-range-syntax/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Media query range syntax</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="media-query-range-syntax" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Media query range syntax</h1>
+  <p>The range syntax of CSS media queries allows you to use mathematical comparison operators such as <code>&#x3C;</code>, <code>></code>, <code>&#x3C;=</code>, and <code>>=</code> to define a range of values for a media feature. For example, <code>(400px &#x3C; width &#x3C; 1000px)</code> returns true if the viewport width is between 400px and 1000px.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-media-range-syntax">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/CSS_media_queries/Using_media_queries#syntax_improvements_in_level_4">CSS_media_queries/Using_media_queries: syntax_improvements_in_level_4; declaration</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/mediaqueries-4/#mq-range-context">https://drafts.csswg.org/mediaqueries-4/#mq-range-context</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Media query range syntax">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media query range syntax+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Media query range syntax">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media query range syntax+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Media query range syntax">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media query range syntax+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/media.json">css.at-rules.media.range_syntax</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/media-session/index.html b/docs/features/media-session/index.html
new file mode 100644
index 0000000000..bd97cdf78b
--- /dev/null
+++ b/docs/features/media-session/index.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Media session</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="media-session" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Media session</h1>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaMetadata">MediaMetadata</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaMetadata/album">MediaMetadata.album</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaMetadata/artist">MediaMetadata.artist</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaMetadata/artwork">MediaMetadata.artwork</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaMetadata/MediaMetadata">MediaMetadata.MediaMetadata</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaMetadata/title">MediaMetadata.title</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaSession">MediaSession</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaSession/metadata">MediaSession.metadata</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaSession/playbackState">MediaSession.playbackState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaSession/setActionHandler">MediaSession.setActionHandler</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/mediaSession">Navigator.mediaSession</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/mediasession/">https://w3c.github.io/mediasession/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Media session">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media session+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Media session">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media session+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Media session">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media session+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaMetadata.json">api.MediaMetadata</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaMetadata.json">api.MediaMetadata.album</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaMetadata.json">api.MediaMetadata.artist</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaMetadata.json">api.MediaMetadata.artwork</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaMetadata.json">api.MediaMetadata.MediaMetadata</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaMetadata.json">api.MediaMetadata.title</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.metadata</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.playbackState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler.nexttrack_type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler.pause_type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler.play_type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler.previoustrack_type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler.seekbackward_type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSession.json">api.MediaSession.setActionHandler.seekforward_type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.mediaSession</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/media-source/index.html b/docs/features/media-source/index.html
new file mode 100644
index 0000000000..63edb75fcc
--- /dev/null
+++ b/docs/features/media-source/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Media source</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="media-source" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Media source</h1>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/mediasource">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MediaSource">MediaSource</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SourceBuffer">SourceBuffer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SourceBufferList">SourceBufferList</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/media-source/">https://w3c.github.io/media-source/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Media source">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media source+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Media source">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media source+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Media source">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Media source+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MediaSource.json">api.MediaSource</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SourceBuffer.json">api.SourceBuffer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SourceBufferList.json">api.SourceBufferList</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/messageerror/index.html b/docs/features/messageerror/index.html
new file mode 100644
index 0000000000..8ffb1602c0
--- /dev/null
+++ b/docs/features/messageerror/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>messageerror</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="messageerror" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>messageerror</h1>
+  <p>The <code>messageerror</code> event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DedicatedWorkerGlobalScope/messageerror_event">DedicatedWorkerGlobalScope.messageerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MessagePort/messageerror_event">MessagePort.messageerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerContainer/messageerror_event">ServiceWorkerContainer.messageerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/messageerror_event">Window.messageerror_event</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/indices.html#event-messageerror">https://html.spec.whatwg.org/multipage/indices.html#event-messageerror</a></li>
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/ServiceWorker/#eventdef-serviceworkerglobalscope-messageerror">https://w3c.github.io/ServiceWorker/#eventdef-serviceworkerglobalscope-messageerror</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#messageerror">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement messageerror+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=messageerror">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement messageerror+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=messageerror">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement messageerror+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DedicatedWorkerGlobalScope.json">api.DedicatedWorkerGlobalScope.messageerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MessagePort.json">api.MessagePort.messageerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerContainer.json">api.ServiceWorkerContainer.messageerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.messageerror_event</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/min-max-clamp/index.html b/docs/features/min-max-clamp/index.html
new file mode 100644
index 0000000000..d0bf6d53db
--- /dev/null
+++ b/docs/features/min-max-clamp/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>min(), max(), and clamp()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="min-max-clamp" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+  
+  <h1>min(), max(), and clamp()</h1>
+  <p>The <code>min()</code> and <code>max()</code> CSS functions return the minimum or maximum of the arguments, while <code>clamp()</code> clamps a value to a given range.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">75</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/clamp">clamp property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/max">max property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/min">min property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#comp-func">https://drafts.csswg.org/css-values-4/#comp-func</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#min(), max(), and clamp()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement min(), max(), and clamp()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=min(), max(), and clamp()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement min(), max(), and clamp()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=min(), max(), and clamp()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement min(), max(), and clamp()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/clamp.json">css.types.clamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/max.json">css.types.max</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/min.json">css.types.min</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/modal/index.html b/docs/features/modal/index.html
new file mode 100644
index 0000000000..b21752eb02
--- /dev/null
+++ b/docs/features/modal/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:modal</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="modal" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-02 (baseline low)
+  
+</div>
+  
+  <h1>:modal</h1>
+  <p>The <code>:modal</code> pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <code>&#x3C;dialog></code> element used with <code>showModal()</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:modal">:modal pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#modal-state">https://drafts.csswg.org/selectors-4/#modal-state</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:modal">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :modal+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:modal">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :modal+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:modal">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :modal+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/modal.json">css.selectors.modal</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/modulepreload/index.html b/docs/features/modulepreload/index.html
new file mode 100644
index 0000000000..06c9cd8a38
--- /dev/null
+++ b/docs/features/modulepreload/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;link rel=&amp;quot;modulepreload&amp;quot;&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="modulepreload" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+  
+  <h1>&lt;link rel=&quot;modulepreload&quot;&gt;</h1>
+  <p>The <code>rel="modulepreload"</code> attribute for the <code>&#x3C;link></code> HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/link-rel-modulepreload">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/modulepreload">rel=&quot;modulepreload&quot; attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/links.html#link-type-modulepreload">https://html.spec.whatwg.org/multipage/links.html#link-type-modulepreload</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;link rel=&quot;modulepreload&quot;&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;link rel=&quot;modulepreload&quot;&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;link rel=&quot;modulepreload&quot;&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;link rel=&quot;modulepreload&quot;&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;link rel=&quot;modulepreload&quot;&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;link rel=&quot;modulepreload&quot;&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/link.json">html.elements.link.rel.modulepreload</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/motion-path/index.html b/docs/features/motion-path/index.html
new file mode 100644
index 0000000000..22ee4aca65
--- /dev/null
+++ b/docs/features/motion-path/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Motion path</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="motion-path" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-21 (baseline low)
+  
+</div>
+  
+  <h1>Motion path</h1>
+  <p>The <code>offset</code> CSS property animates an element along a defined motion path.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-motion-paths">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/offset">offset property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/offset-anchor">offset-anchor property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/offset-distance">offset-distance property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/offset-path">offset-path property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/offset-rotate">offset-rotate property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.fxtf.org/motion-1/">https://drafts.fxtf.org/motion-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Motion path">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Motion path+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Motion path">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Motion path+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Motion path">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Motion path+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/offset.json">css.properties.offset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/offset-anchor.json">css.properties.offset-anchor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/offset-distance.json">css.properties.offset-distance</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/offset-path.json">css.properties.offset-path</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/offset-path.json">css.properties.offset-path.path</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/offset-rotate.json">css.properties.offset-rotate</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/navigation/index.html b/docs/features/navigation/index.html
new file mode 100644
index 0000000000..36fe595629
--- /dev/null
+++ b/docs/features/navigation/index.html
@@ -0,0 +1,378 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Navigation API</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="navigation" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Navigation API</h1>
+  <p>The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent">NavigateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/NavigateEvent">NavigateEvent.NavigateEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/destination">NavigateEvent.destination</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/downloadRequest">NavigateEvent.downloadRequest</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/formData">NavigateEvent.formData</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/hashChange">NavigateEvent.hashChange</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/info">NavigateEvent.info</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/navigationType">NavigateEvent.navigationType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/signal">NavigateEvent.signal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigateEvent/userInitiated">NavigateEvent.userInitiated</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation">Navigation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/back">Navigation.back</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/canGoBack">Navigation.canGoBack</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/canGoForward">Navigation.canGoForward</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/currentEntry">Navigation.currentEntry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/currententrychange_event">Navigation.currententrychange_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/entries">Navigation.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/forward">Navigation.forward</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/navigate">Navigation.navigate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/navigate_event">Navigation.navigate_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/navigateerror_event">Navigation.navigateerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/navigatesuccess_event">Navigation.navigatesuccess_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/reload">Navigation.reload</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/transition">Navigation.transition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/traverseTo">Navigation.traverseTo</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigation/updateCurrentEntry">Navigation.updateCurrentEntry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationCurrentEntryChangeEvent/">NavigationCurrentEntryChangeEvent.</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationCurrentEntryChangeEvent/NavigationCurrentEntryChangeEvent">NavigationCurrentEntryChangeEvent.NavigationCurrentEntryChangeEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationCurrentEntryChangeEvent/from">NavigationCurrentEntryChangeEvent.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationCurrentEntryChangeEvent/navigationType">NavigationCurrentEntryChangeEvent.navigationType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination">NavigationDestination</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination/getState">NavigationDestination.getState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination/id">NavigationDestination.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination/index">NavigationDestination.index</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination/key">NavigationDestination.key</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination/sameDocument">NavigationDestination.sameDocument</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationDestination/url">NavigationDestination.url</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry">NavigationHistoryEntry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/dispose_event">NavigationHistoryEntry.dispose_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/getState">NavigationHistoryEntry.getState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/id">NavigationHistoryEntry.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/index">NavigationHistoryEntry.index</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/key">NavigationHistoryEntry.key</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/sameDocument">NavigationHistoryEntry.sameDocument</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationHistoryEntry/url">NavigationHistoryEntry.url</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationTransition">NavigationTransition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationTransition/finished">NavigationTransition.finished</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationTransition/from">NavigationTransition.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NavigationTransition/navigationType">NavigationTransition.navigationType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/navigation">Window.navigation</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/nav-history-apis.html#navigation-api">https://html.spec.whatwg.org/multipage/nav-history-apis.html#navigation-api</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Navigation API">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Navigation API+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Navigation API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Navigation API+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Navigation API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Navigation API+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.NavigateEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.destination</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.downloadRequest</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.formData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.hashChange</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.info</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.navigationType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.signal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigateEvent.json">api.NavigateEvent.userInitiated</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.back</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.canGoBack</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.canGoForward</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.currentEntry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.currententrychange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.forward</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.navigate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.navigate_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.navigateerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.navigatesuccess_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.reload</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.transition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.traverseTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigation.json">api.Navigation.updateCurrentEntry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationCurrentEntryChangeEvent.json">api.NavigationCurrentEntryChangeEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationCurrentEntryChangeEvent.json">api.NavigationCurrentEntryChangeEvent.NavigationCurrentEntryChangeEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationCurrentEntryChangeEvent.json">api.NavigationCurrentEntryChangeEvent.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationCurrentEntryChangeEvent.json">api.NavigationCurrentEntryChangeEvent.navigationType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination.getState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination.index</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination.key</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination.sameDocument</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationDestination.json">api.NavigationDestination.url</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.dispose_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.getState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.index</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.key</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.sameDocument</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationHistoryEntry.json">api.NavigationHistoryEntry.url</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationTransition.json">api.NavigationTransition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationTransition.json">api.NavigationTransition.finished</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationTransition.json">api.NavigationTransition.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NavigationTransition.json">api.NavigationTransition.navigationType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.navigation</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/nesting/index.html b/docs/features/nesting/index.html
new file mode 100644
index 0000000000..a5f11b37ec
--- /dev/null
+++ b/docs/features/nesting/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Nesting</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="nesting" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>Nesting</h1>
+  <p>CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-nesting">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSGroupingRule/cssRules">CSSGroupingRule.cssRules</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSGroupingRule/deleteRule">CSSGroupingRule.deleteRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSGroupingRule/insertRule">CSSGroupingRule.insertRule</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/Nesting_selector">Nesting_selector property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-nesting-1/">https://drafts.csswg.org/css-nesting-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Nesting">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Nesting+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Nesting">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Nesting+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Nesting">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Nesting+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStyleRule.json">api.CSSStyleRule.cssRules</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStyleRule.json">api.CSSStyleRule.deleteRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStyleRule.json">api.CSSStyleRule.insertRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/nesting.json">css.selectors.nesting</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/notifications/index.html b/docs/features/notifications/index.html
new file mode 100644
index 0000000000..559584a327
--- /dev/null
+++ b/docs/features/notifications/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Notifications</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="notifications" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Notifications</h1>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/notifications">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://notifications.spec.whatwg.org/">https://notifications.spec.whatwg.org/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Notifications">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Notifications+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Notifications">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Notifications+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Notifications">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Notifications+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/nth-child-of/index.html b/docs/features/nth-child-of/index.html
new file mode 100644
index 0000000000..a66649baf1
--- /dev/null
+++ b/docs/features/nth-child-of/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:nth-child() of &amp;lt;selector&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="nth-child-of" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>:nth-child() of &lt;selector&gt;</h1>
+  <p>The <code>of</code> syntax for the <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-nth-child-of">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#the-nth-child-pseudo">https://drafts.csswg.org/selectors-4/#the-nth-child-pseudo</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#the-nth-last-child-pseudo">https://drafts.csswg.org/selectors-4/#the-nth-last-child-pseudo</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:nth-child() of &lt;selector&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :nth-child() of &lt;selector&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:nth-child() of &lt;selector&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :nth-child() of &lt;selector&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:nth-child() of &lt;selector&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :nth-child() of &lt;selector&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/nth-child.json">css.selectors.nth-child.of_syntax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/nth-last-child.json">css.selectors.nth-last-child.of_syntax</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/nth-child/index.html b/docs/features/nth-child/index.html
new file mode 100644
index 0000000000..1574204e18
--- /dev/null
+++ b/docs/features/nth-child/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:nth-child() (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="nth-child" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>:nth-child() (initial support)</h1>
+  <p>The <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements (first, second, third, fourth, and so on), counted from the first or last sibling.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">3.1</span>
+        <span class="date">Released on 2008-03-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2008-07-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:nth-child">:nth-child pseudo-class</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:nth-last-child">:nth-last-child pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-3/#nth-child-pseudo">https://drafts.csswg.org/selectors-3/#nth-child-pseudo</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-3/#nth-last-child-pseudo">https://drafts.csswg.org/selectors-3/#nth-last-child-pseudo</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:nth-child() (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :nth-child() (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:nth-child() (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :nth-child() (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:nth-child() (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :nth-child() (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/nth-child.json">css.selectors.nth-child</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/nth-last-child.json">css.selectors.nth-last-child</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/offscreen-canvas/index.html b/docs/features/offscreen-canvas/index.html
new file mode 100644
index 0000000000..52abe180b8
--- /dev/null
+++ b/docs/features/offscreen-canvas/index.html
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Offscreen canvas</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="offscreen-canvas" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Offscreen canvas</h1>
+  <p>The <code>OffscreenCanvas</code> API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/offscreencanvas">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen">HTMLCanvasElement.transferControlToOffscreen</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas">OffscreenCanvas</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/convertToBlob">OffscreenCanvas.convertToBlob</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/getContext">OffscreenCanvas.getContext</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/height">OffscreenCanvas.height</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/OffscreenCanvas">OffscreenCanvas.OffscreenCanvas</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/transferToImageBitmap">OffscreenCanvas.transferToImageBitmap</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/width">OffscreenCanvas.width</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OffscreenCanvasRenderingContext2D">OffscreenCanvasRenderingContext2D</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/canvas.html#the-offscreencanvas-interface">https://html.spec.whatwg.org/multipage/canvas.html#the-offscreencanvas-interface</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Offscreen canvas">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Offscreen canvas+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Offscreen canvas">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Offscreen canvas+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Offscreen canvas">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Offscreen canvas+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLCanvasElement.json">api.HTMLCanvasElement.transferControlToOffscreen</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.convertToBlob</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.getContext</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.getContext.2d_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.getContext.bitmaprenderer_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.OffscreenCanvas</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.transferToImageBitmap</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvas.json">api.OffscreenCanvas.width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.arc</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.arcTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.beginPath</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.bezierCurveTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.canvas</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.clearRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.clip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.closePath</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.createImageData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.createLinearGradient</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.createPattern</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.createRadialGradient</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.direction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.drawImage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.ellipse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.fill</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.fillRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.fillStyle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.fillText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.font</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.getImageData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.getLineDash</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.getTransform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.globalAlpha</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.globalCompositeOperation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.imageSmoothingEnabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.isPointInPath</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.isPointInStroke</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.lineCap</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.lineDashOffset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.lineJoin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.lineTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.lineWidth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.measureText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.miterLimit</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.moveTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.putImageData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.quadraticCurveTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.rect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.resetTransform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.restore</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.rotate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.save</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.scale</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.setLineDash</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.setTransform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.shadowBlur</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.shadowColor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.shadowOffsetX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.shadowOffsetY</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.stroke</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.strokeRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.strokeStyle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.strokeText</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.textAlign</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.textBaseline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.transform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OffscreenCanvasRenderingContext2D.json">api.OffscreenCanvasRenderingContext2D.translate</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/oklab/index.html b/docs/features/oklab/index.html
new file mode 100644
index 0000000000..0e8acc79e8
--- /dev/null
+++ b/docs/features/oklab/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Oklab and Oklch</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="oklab" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>Oklab and Oklch</h1>
+  <p>The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. Oklch is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>oklab()</code>, and <code>oklch()</code> functions.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/oklab">oklab color value</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/color_value/oklch">oklch color value</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-4/#ok-lab">https://drafts.csswg.org/css-color-4/#ok-lab</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Oklab and Oklch">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Oklab and Oklch+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Oklab and Oklch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Oklab and Oklch+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Oklab and Oklch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Oklab and Oklch+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.oklab</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.oklch</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/origin-private-file-system/index.html b/docs/features/origin-private-file-system/index.html
new file mode 100644
index 0000000000..ee698d6472
--- /dev/null
+++ b/docs/features/origin-private-file-system/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Origin private file system</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="origin-private-file-system" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+  
+  <h1>Origin private file system</h1>
+  <p>The <code>navigator.storage.getDirectory()</code> method returns a <code>FileSystemDirectoryHandle</code> that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle">FileSystemDirectoryHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/entries">FileSystemDirectoryHandle.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/getDirectoryHandle">FileSystemDirectoryHandle.getDirectoryHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/getFileHandle">FileSystemDirectoryHandle.getFileHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/keys">FileSystemDirectoryHandle.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/removeEntry">FileSystemDirectoryHandle.removeEntry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/resolve">FileSystemDirectoryHandle.resolve</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemDirectoryHandle/values">FileSystemDirectoryHandle.values</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemFileHandle">FileSystemFileHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemFileHandle/createSyncAccessHandle">FileSystemFileHandle.createSyncAccessHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemFileHandle/getFile">FileSystemFileHandle.getFile</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemHandle">FileSystemHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemHandle/isSameEntry">FileSystemHandle.isSameEntry</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemHandle/kind">FileSystemHandle.kind</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemHandle/name">FileSystemHandle.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle">FileSystemSyncAccessHandle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle/close">FileSystemSyncAccessHandle.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle/flush">FileSystemSyncAccessHandle.flush</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle/getSize">FileSystemSyncAccessHandle.getSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle/read">FileSystemSyncAccessHandle.read</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle/truncate">FileSystemSyncAccessHandle.truncate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/FileSystemSyncAccessHandle/write">FileSystemSyncAccessHandle.write</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/StorageManager/getDirectory">StorageManager.getDirectory</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://fs.spec.whatwg.org/#origin-private-file-system">https://fs.spec.whatwg.org/#origin-private-file-system</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Origin private file system">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Origin private file system+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Origin private file system">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Origin private file system+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Origin private file system">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Origin private file system+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.getDirectoryHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.getFileHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.removeEntry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.resolve</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemDirectoryHandle.json">api.FileSystemDirectoryHandle.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemFileHandle.json">api.FileSystemFileHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemFileHandle.json">api.FileSystemFileHandle.createSyncAccessHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemFileHandle.json">api.FileSystemFileHandle.getFile</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemHandle.json">api.FileSystemHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemHandle.json">api.FileSystemHandle.isSameEntry</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemHandle.json">api.FileSystemHandle.kind</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemHandle.json">api.FileSystemHandle.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle.flush</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle.getSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle.read</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle.truncate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/FileSystemSyncAccessHandle.json">api.FileSystemSyncAccessHandle.write</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageManager.json">api.StorageManager.getDirectory</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/overflow-shorthand/index.html b/docs/features/overflow-shorthand/index.html
new file mode 100644
index 0000000000..d46edbee4d
--- /dev/null
+++ b/docs/features/overflow-shorthand/index.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>overflow</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="overflow-shorthand" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+  
+  <h1>overflow</h1>
+  <p>The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-overflow">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/overflow">overflow property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/overflow-x">overflow-x property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/overflow-y">overflow-y property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/overflow_value">overflow_value property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">https://drafts.csswg.org/css-overflow-3/#propdef-overflow</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#overflow">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement overflow+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=overflow">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement overflow+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=overflow">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement overflow+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow.json">css.properties.overflow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow.json">css.properties.overflow.clip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow.json">css.properties.overflow.multiple_keywords</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow-x.json">css.properties.overflow-x</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow-x.json">css.properties.overflow-x.clip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow-y.json">css.properties.overflow-y</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/overflow-y.json">css.properties.overflow-y.clip</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/overflow.json">css.types.overflow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/overflow.json">css.types.overflow.clip</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/page-breaks/index.html b/docs/features/page-breaks/index.html
new file mode 100644
index 0000000000..3bc9544d06
--- /dev/null
+++ b/docs/features/page-breaks/index.html
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Page breaks</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="page-breaks" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Page breaks</h1>
+  <p>The <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties (along with <code>page-break-</code> aliases) control where printed pages start and end. Also known as pagination or page breaking.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-page-break">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/break-after">break-after property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/break-before">break-before property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/break-inside">break-inside property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/page-break-after">page-break-after property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/page-break-before">page-break-before property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/page-break-inside">page-break-inside property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-break-3/#breaking-controls">https://drafts.csswg.org/css-break-3/#breaking-controls</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Page breaks">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Page breaks+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Page breaks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Page breaks+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Page breaks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Page breaks+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after.paged_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-after.json">css.properties.break-after.paged_context.page</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before.paged_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-before.json">css.properties.break-before.paged_context.page</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-inside.json">css.properties.break-inside</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/break-inside.json">css.properties.break-inside.paged_context</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/page-break-after.json">css.properties.page-break-after</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/page-break-after.json">css.properties.page-break-after.avoid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/page-break-before.json">css.properties.page-break-before</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/page-break-before.json">css.properties.page-break-before.avoid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/page-break-inside.json">css.properties.page-break-inside</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/page-break-inside.json">css.properties.page-break-inside.avoid</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/paint/index.html b/docs/features/paint/index.html
new file mode 100644
index 0000000000..961ff4e332
--- /dev/null
+++ b/docs/features/paint/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>paint()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="paint" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>paint()</h1>
+  <p>The <code>paint()</code> CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-paint-api">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/image/paint">image/paint property</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSS/paintWorklet_static">CSS.paintWorklet_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PaintWorkletGlobalScope">PaintWorkletGlobalScope</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.css-houdini.org/css-paint-api-1/">https://drafts.css-houdini.org/css-paint-api-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#paint()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement paint()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=paint()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement paint()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=paint()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement paint()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/image.json">css.types.image.paint</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSS.json">api.CSS.paintWorklet_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PaintWorkletGlobalScope.json">api.PaintWorkletGlobalScope</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/parse-html-unsafe/index.html b/docs/features/parse-html-unsafe/index.html
new file mode 100644
index 0000000000..e7727a51f5
--- /dev/null
+++ b/docs/features/parse-html-unsafe/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Unsanitized HTML parsing methods</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="parse-html-unsafe" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-18 (baseline low)
+  
+</div>
+  
+  <h1>Unsanitized HTML parsing methods</h1>
+  <p>The <code>Document.parseHTMLUnsafe()</code> static method parses HTML into a DOM tree, while the <code>setHTMLUnsafe()</code> method of <code>Element</code> and <code>ShadowRoot</code> parses and inserts HTML into an existing tree. No sanitization applies to these methods, so never call them with user-provided HTML strings.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html#unsafe-html-parsing-methods">https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html#unsafe-html-parsing-methods</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Unsanitized HTML parsing methods">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Unsanitized HTML parsing methods+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Unsanitized HTML parsing methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Unsanitized HTML parsing methods+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Unsanitized HTML parsing methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Unsanitized HTML parsing methods+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.parseHTMLUnsafe_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.setHTMLUnsafe</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.setHTMLUnsafe</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/permissions/index.html b/docs/features/permissions/index.html
new file mode 100644
index 0000000000..873f078ca1
--- /dev/null
+++ b/docs/features/permissions/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Permissions</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="permissions" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+  
+  <h1>Permissions</h1>
+  <p>The <code>navigator.permissions</code> API checks whether a permission, such as access to geolocation data, has been granted.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/permissions-api">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/permissions">Navigator.permissions</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PermissionStatus">PermissionStatus</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PermissionStatus/state">PermissionStatus.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Permissions">Permissions</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Permissions/query">Permissions.query</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/permissions/">https://w3c.github.io/permissions/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Permissions">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Permissions+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Permissions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Permissions+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Permissions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Permissions+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.permissions</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PermissionStatus.json">api.PermissionStatus</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PermissionStatus.json">api.PermissionStatus.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Permissions.json">api.Permissions</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Permissions.json">api.Permissions.query</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/picture-in-picture/index.html b/docs/features/picture-in-picture/index.html
new file mode 100644
index 0000000000..eac09bfc45
--- /dev/null
+++ b/docs/features/picture-in-picture/index.html
@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Picture-in-picture (video)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="picture-in-picture" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Picture-in-picture (video)</h1>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/picture-in-picture">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/exitPictureInPicture">Document.exitPictureInPicture</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/pictureInPictureElement">Document.pictureInPictureElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/pictureInPictureEnabled">Document.pictureInPictureEnabled</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLVideoElement/disablePictureInPicture">HTMLVideoElement.disablePictureInPicture</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLVideoElement/enterpictureinpicture_event">HTMLVideoElement.enterpictureinpicture_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event">HTMLVideoElement.leavepictureinpicture_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLVideoElement/requestPictureInPicture">HTMLVideoElement.requestPictureInPicture</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PictureInPictureWindow">PictureInPictureWindow</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PictureInPictureWindow/height">PictureInPictureWindow.height</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PictureInPictureWindow/resize_event">PictureInPictureWindow.resize_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PictureInPictureWindow/width">PictureInPictureWindow.width</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot/pictureInPictureElement">ShadowRoot.pictureInPictureElement</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/picture-in-picture/">https://w3c.github.io/picture-in-picture/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Picture-in-picture (video)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Picture-in-picture (video)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Picture-in-picture (video)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Picture-in-picture (video)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Picture-in-picture (video)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Picture-in-picture (video)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.exitPictureInPicture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.pictureInPictureElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.pictureInPictureEnabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLVideoElement.json">api.HTMLVideoElement.disablePictureInPicture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLVideoElement.json">api.HTMLVideoElement.enterpictureinpicture_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLVideoElement.json">api.HTMLVideoElement.leavepictureinpicture_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLVideoElement.json">api.HTMLVideoElement.requestPictureInPicture</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PictureInPictureWindow.json">api.PictureInPictureWindow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PictureInPictureWindow.json">api.PictureInPictureWindow.height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PictureInPictureWindow.json">api.PictureInPictureWindow.resize_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PictureInPictureWindow.json">api.PictureInPictureWindow.width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.pictureInPictureElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/video.json">html.elements.video.disablepictureinpicture</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/pointer-lock/index.html b/docs/features/pointer-lock/index.html
new file mode 100644
index 0000000000..b8315e3ad0
--- /dev/null
+++ b/docs/features/pointer-lock/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Pointer lock</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="pointer-lock" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Pointer lock</h1>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/pointerlock">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/exitPointerLock">Document.exitPointerLock</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/pointerlockchange_event">Document.pointerlockchange_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/pointerLockElement">Document.pointerLockElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/pointerlockerror_event">Document.pointerlockerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/requestPointerLock">Element.requestPointerLock</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MouseEvent/movementX">MouseEvent.movementX</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MouseEvent/movementY">MouseEvent.movementY</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/pointerlock/">https://w3c.github.io/pointerlock/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Pointer lock">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Pointer lock+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Pointer lock">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Pointer lock+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Pointer lock">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Pointer lock+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.exitPointerLock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.pointerlockchange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.pointerLockElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.pointerlockerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.requestPointerLock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MouseEvent.json">api.MouseEvent.movementX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MouseEvent.json">api.MouseEvent.movementY</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/popover/index.html b/docs/features/popover/index.html
new file mode 100644
index 0000000000..2521c5a2e0
--- /dev/null
+++ b/docs/features/popover/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Popover</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="popover" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-16 (baseline low)
+  
+</div>
+  
+  <h1>Popover</h1>
+  <p>The <code>popover</code> HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the <code>showPopover()</code> method.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/popoverTargetAction">HTMLButtonElement.popoverTargetAction</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/popoverTargetElement">HTMLButtonElement.popoverTargetElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/beforetoggle_event">HTMLElement.beforetoggle_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/hidePopover">HTMLElement.hidePopover</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/popover">HTMLElement.popover</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/showPopover">HTMLElement.showPopover</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/togglePopover">HTMLElement.togglePopover</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/toggle_event">HTMLElement.toggle_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/popoverTargetAction">HTMLInputElement.popoverTargetAction</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/popoverTargetElement">HTMLInputElement.popoverTargetElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ToggleEvent">ToggleEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ToggleEvent/ToggleEvent">ToggleEvent.ToggleEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState">ToggleEvent.newState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState">ToggleEvent.oldState</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:popover-open">:popover-open pseudo-class</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/button#popovertarget">&lt;button popovertarget&gt; attribute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/button#popovertargetaction">&lt;button popovertargetaction&gt; attribute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/input#popovertarget">&lt;input popovertarget&gt; attribute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/input#popovertargetaction">&lt;input popovertargetaction&gt; attribute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/popover">popover global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/popover.html">https://html.spec.whatwg.org/multipage/popover.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Popover">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Popover+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Popover">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Popover+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Popover">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Popover+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.popoverTargetAction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLButtonElement.json">api.HTMLButtonElement.popoverTargetElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.beforetoggle_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.hidePopover</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.popover</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.showPopover</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.togglePopover</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.toggle_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.popoverTargetAction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.popoverTargetElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ToggleEvent.json">api.ToggleEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ToggleEvent.json">api.ToggleEvent.ToggleEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ToggleEvent.json">api.ToggleEvent.newState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ToggleEvent.json">api.ToggleEvent.oldState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/backdrop.json">css.selectors.backdrop.popover</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/popover-open.json">css.selectors.popover-open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/button.json">html.elements.button.popovertarget</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/button.json">html.elements.button.popovertargetaction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/input.json">html.elements.input.popovertarget</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/input.json">html.elements.input.popovertargetaction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.popover</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/prefers-color-scheme/index.html b/docs/features/prefers-color-scheme/index.html
new file mode 100644
index 0000000000..575a9ddf2b
--- /dev/null
+++ b/docs/features/prefers-color-scheme/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>prefers-color-scheme</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="prefers-color-scheme" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>prefers-color-scheme</h1>
+  <p>The <code>prefers-color-scheme</code> CSS media query detects the requested color scheme, light or dark.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme">@media/prefers-color-scheme property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme">https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#prefers-color-scheme">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement prefers-color-scheme+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=prefers-color-scheme">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement prefers-color-scheme+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=prefers-color-scheme">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement prefers-color-scheme+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/media.json">css.at-rules.media.prefers-color-scheme</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/preloading-responsive-images/index.html b/docs/features/preloading-responsive-images/index.html
new file mode 100644
index 0000000000..30a430e538
--- /dev/null
+++ b/docs/features/preloading-responsive-images/index.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Preloading responsive images</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="preloading-responsive-images" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>Preloading responsive images</h1>
+  <p>The <code>imagesrcset</code> and <code>imagesizes</code> attributes with the <code>rel="preload"</code> attribute for the <code>&#x3C;link></code> HTML element starts fetching responsive images before they're found in the body of the document.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/semantics.html#attr-link-imagesrcset">https://html.spec.whatwg.org/multipage/semantics.html#attr-link-imagesrcset</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Preloading responsive images">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Preloading responsive images+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Preloading responsive images">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Preloading responsive images+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Preloading responsive images">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Preloading responsive images+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLLinkElement.json">api.HTMLLinkElement.imageSizes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLLinkElement.json">api.HTMLLinkElement.imageSrcset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/link.json">html.elements.link.imagesizes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/link.json">html.elements.link.imagesrcset</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/preserves-pitch/index.html b/docs/features/preserves-pitch/index.html
new file mode 100644
index 0000000000..a836c69110
--- /dev/null
+++ b/docs/features/preserves-pitch/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>preservesPitch</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="preserves-pitch" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+  
+  <h1>preservesPitch</h1>
+  <p>The <code>preservesPitch</code> property for <code>&#x3C;audio></code> or <code>&#x3C;video></code> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/preservesPitch">HTMLMediaElement.preservesPitch</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/media.html#dom-media-preservespitch-dev">https://html.spec.whatwg.org/multipage/media.html#dom-media-preservespitch-dev</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#preservesPitch">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement preservesPitch+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=preservesPitch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement preservesPitch+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=preservesPitch">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement preservesPitch+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLMediaElement.json">api.HTMLMediaElement.preservesPitch</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/print-events/index.html b/docs/features/print-events/index.html
new file mode 100644
index 0000000000..aaecc3d10b
--- /dev/null
+++ b/docs/features/print-events/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Print events</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="print-events" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+  
+  <h1>Print events</h1>
+  <p>An alternative to <code>@media print</code> queries, the <code>beforeprint</code> and <code>afterprint</code> events allow you to change the page for printing and and restore the page after printing.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/beforeafterprint">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/afterprint_event">Window.afterprint_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/beforeprint_event">Window.beforeprint_event</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/indices.html#event-afterprint">https://html.spec.whatwg.org/multipage/indices.html#event-afterprint</a></li>
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/indices.html#event-beforeprint">https://html.spec.whatwg.org/multipage/indices.html#event-beforeprint</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Print events">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Print events+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Print events">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Print events+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Print events">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Print events+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.afterprint_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.beforeprint_event</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/print/index.html b/docs/features/print/index.html
new file mode 100644
index 0000000000..a438463b60
--- /dev/null
+++ b/docs/features/print/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>window.print()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="print" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+  
+  <h1>window.print()</h1>
+  <p>The <code>window.print()</code> method opens the browser's print dialog.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1.1</span>
+        <span class="date">Released on 2003-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/print">Window.print</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#printing">https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#printing</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#window.print()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement window.print()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=window.print()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement window.print()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=window.print()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement window.print()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.print</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/promise-allsettled/index.html b/docs/features/promise-allsettled/index.html
new file mode 100644
index 0000000000..c6cbe4ab06
--- /dev/null
+++ b/docs/features/promise-allsettled/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Promise.allSettled()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="promise-allsettled" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+  
+  <h1>Promise.allSettled()</h1>
+  <p>The <code>Promise.allSettled()</code> static method waits for an array of promises to settle (resolve or reject).</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled">Promise.allSettled</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.allsettled">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.allsettled</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Promise.allSettled()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.allSettled()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Promise.allSettled()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.allSettled()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Promise.allSettled()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.allSettled()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.allSettled</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/promise-any/index.html b/docs/features/promise-any/index.html
new file mode 100644
index 0000000000..5a20203bd4
--- /dev/null
+++ b/docs/features/promise-any/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Promise.any()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="promise-any" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+  
+  <h1>Promise.any()</h1>
+  <p>The <code>Promise.any()</code> static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with an <code>AggregateError</code> when all of the promises have rejected.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/any">Promise.any</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.any">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.any</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Promise.any()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.any()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Promise.any()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.any()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Promise.any()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.any()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.any</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/promise-finally/index.html b/docs/features/promise-finally/index.html
new file mode 100644
index 0000000000..1fafb866ac
--- /dev/null
+++ b/docs/features/promise-finally/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Promise finally()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="promise-finally" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+  
+  <h1>Promise finally()</h1>
+  <p>The promise <code>finally()</code> method executes a function when the promise settles (resolves or rejects).</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/promise-finally">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/finally">Promise.finally</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.prototype.finally">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.prototype.finally</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Promise finally()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise finally()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Promise finally()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise finally()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Promise finally()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise finally()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.finally</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/promise-withresolvers/index.html b/docs/features/promise-withresolvers/index.html
new file mode 100644
index 0000000000..7b7e72ee92
--- /dev/null
+++ b/docs/features/promise-withresolvers/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Promise.withResolvers()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="promise-withresolvers" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+  
+  <h1>Promise.withResolvers()</h1>
+  <p>The <code>Promise.withResolvers()</code> static method is an alternative to the <code>Promise()</code> constructor that returns both the promise and resolution functions. You can use this to access <code>resolve</code> and <code>reject</code> outside the scope of the executor function.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers">Promise.withResolvers</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/proposal-promise-with-resolvers/#sec-promise.withResolvers">https://tc39.es/proposal-promise-with-resolvers/#sec-promise.withResolvers</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Promise.withResolvers()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.withResolvers()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Promise.withResolvers()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.withResolvers()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Promise.withResolvers()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise.withResolvers()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.withResolvers</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/promise/index.html b/docs/features/promise/index.html
new file mode 100644
index 0000000000..61552a2c18
--- /dev/null
+++ b/docs/features/promise/index.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Promise (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="promise" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Promise (initial support)</h1>
+  <p>A promise represents an asynchronous operation which eventually succeeds or fails.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/promises">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/@@species">Promise.@@species</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise">Promise.Promise</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/all">Promise.all</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/catch">Promise.catch</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/race">Promise.race</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/reject">Promise.reject</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/resolve">Promise.resolve</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/then">Promise.then</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise-objects">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise-objects</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-get-promise-@@species">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-get-promise-@@species</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise-constructor">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise-constructor</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.all">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.all</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.prototype.catch">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.prototype.catch</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.race">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.race</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.reject">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.reject</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.resolve">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.resolve</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.prototype.then">https://tc39.es/ecma262/multipage/control-abstraction-objects.html#sec-promise.prototype.then</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Promise (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Promise (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Promise (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Promise (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.@@species</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.Promise</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.all</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.catch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.race</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.reject</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.resolve</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Promise.json">javascript.builtins.Promise.then</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/push/index.html b/docs/features/push/index.html
new file mode 100644
index 0000000000..567588e3cf
--- /dev/null
+++ b/docs/features/push/index.html
@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Push messages</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="push" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Push messages</h1>
+  <p>The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/push-api">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">48</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushEvent">PushEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushEvent/PushEvent">PushEvent.PushEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushEvent/data">PushEvent.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushManager">PushManager</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushManager/getSubscription">PushManager.getSubscription</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushManager/permissionState">PushManager.permissionState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushMessageData">PushMessageData</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushMessageData/arrayBuffer">PushMessageData.arrayBuffer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushMessageData/blob">PushMessageData.blob</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushMessageData/json">PushMessageData.json</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushMessageData/text">PushMessageData.text</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushSubscription">PushSubscription</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushSubscription/endpoint">PushSubscription.endpoint</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushSubscription/getKey">PushSubscription.getKey</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushSubscription/toJSON">PushSubscription.toJSON</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PushSubscription/unsubscribe">PushSubscription.unsubscribe</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerRegistration/pushManager">ServiceWorkerRegistration.pushManager</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ServiceWorkerGlobalScope/push_event">ServiceWorkerGlobalScope.push_event</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/push-api/">https://w3c.github.io/push-api/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Push messages">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Push messages+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Push messages">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Push messages+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Push messages">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Push messages+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushEvent.json">api.PushEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushEvent.json">api.PushEvent.PushEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushEvent.json">api.PushEvent.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushManager.json">api.PushManager</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushManager.json">api.PushManager.getSubscription</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushManager.json">api.PushManager.permissionState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushMessageData.json">api.PushMessageData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushMessageData.json">api.PushMessageData.arrayBuffer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushMessageData.json">api.PushMessageData.blob</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushMessageData.json">api.PushMessageData.json</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushMessageData.json">api.PushMessageData.text</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushSubscription.json">api.PushSubscription</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushSubscription.json">api.PushSubscription.endpoint</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushSubscription.json">api.PushSubscription.getKey</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushSubscription.json">api.PushSubscription.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PushSubscription.json">api.PushSubscription.unsubscribe</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerRegistration.json">api.ServiceWorkerRegistration.pushManager</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ServiceWorkerGlobalScope.json">api.ServiceWorkerGlobalScope.push_event</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/read-write-pseudos/index.html b/docs/features/read-write-pseudos/index.html
new file mode 100644
index 0000000000..d242d293af
--- /dev/null
+++ b/docs/features/read-write-pseudos/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:read-only and :read-write</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="read-write-pseudos" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+  
+  <h1>:read-only and :read-write</h1>
+  <p>The <code>:read-only</code> and <code>:read-write</code> CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, <code>:read-only</code> matches <code>&#x3C;input></code> and <code>&#x3C;textarea></code> elements with the <code>readonly</code> attribute.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-read-only-write">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:read-only">:read-only pseudo-class</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:read-write">:read-write pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/semantics-other.html#selector-read-only">https://html.spec.whatwg.org/multipage/semantics-other.html#selector-read-only</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#rw-pseudos">https://drafts.csswg.org/selectors-4/#rw-pseudos</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:read-only and :read-write">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :read-only and :read-write+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:read-only and :read-write">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :read-only and :read-write+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:read-only and :read-write">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :read-only and :read-write+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/read-only.json">css.selectors.read-only</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/read-write.json">css.selectors.read-write</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/registered-custom-properties/index.html b/docs/features/registered-custom-properties/index.html
new file mode 100644
index 0000000000..57af8ada0c
--- /dev/null
+++ b/docs/features/registered-custom-properties/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Registered custom properties</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="registered-custom-properties" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Registered custom properties</h1>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSS/registerProperty_static">CSS.registerProperty_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPropertyRule">CSSPropertyRule</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPropertyRule/inherits">CSSPropertyRule.inherits</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPropertyRule/initialValue">CSSPropertyRule.initialValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPropertyRule/name">CSSPropertyRule.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSPropertyRule/syntax">CSSPropertyRule.syntax</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@property">@property property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@property/inherits">@property/inherits property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@property/initial-value">@property/initial-value property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@property/syntax">@property/syntax property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.css-houdini.org/css-properties-values-api-1/">https://drafts.css-houdini.org/css-properties-values-api-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Registered custom properties">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Registered custom properties+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Registered custom properties">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Registered custom properties+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Registered custom properties">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Registered custom properties+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSS.json">api.CSS.registerProperty_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPropertyRule.json">api.CSSPropertyRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPropertyRule.json">api.CSSPropertyRule.inherits</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPropertyRule.json">api.CSSPropertyRule.initialValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPropertyRule.json">api.CSSPropertyRule.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSPropertyRule.json">api.CSSPropertyRule.syntax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/property.json">css.at-rules.property</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/property.json">css.at-rules.property.inherits</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/property.json">css.at-rules.property.initial-value</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/property.json">css.at-rules.property.syntax</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/relative-color/index.html b/docs/features/relative-color/index.html
new file mode 100644
index 0000000000..443800f3db
--- /dev/null
+++ b/docs/features/relative-color/index.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Relative colors</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="relative-color" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Relative colors</h1>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-relative-colors">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-color-5/#relative-colors">https://drafts.csswg.org/css-color-5/#relative-colors</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Relative colors">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Relative colors+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Relative colors">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Relative colors+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Relative colors">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Relative colors+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.lab.relative_syntax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/color.json">css.types.color.oklab.relative_syntax</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/request-animation-frame-workers/index.html b/docs/features/request-animation-frame-workers/index.html
new file mode 100644
index 0000000000..7b7f0b7556
--- /dev/null
+++ b/docs/features/request-animation-frame-workers/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>requestAnimationFrame() in workers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="request-animation-frame-workers" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>requestAnimationFrame() in workers</h1>
+  <p>The <code>requestAnimationFrame()</code> method in workers schedules a function that runs before the next repaint. Together with offscreen canvas, you can animate content from a worker.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DedicatedWorkerGlobalScope/cancelAnimationFrame">DedicatedWorkerGlobalScope.cancelAnimationFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DedicatedWorkerGlobalScope/requestAnimationFrame">DedicatedWorkerGlobalScope.requestAnimationFrame</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#animation-frames">https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#animation-frames</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#requestAnimationFrame() in workers">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestAnimationFrame() in workers+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=requestAnimationFrame() in workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestAnimationFrame() in workers+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=requestAnimationFrame() in workers">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestAnimationFrame() in workers+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DedicatedWorkerGlobalScope.json">api.DedicatedWorkerGlobalScope.cancelAnimationFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DedicatedWorkerGlobalScope.json">api.DedicatedWorkerGlobalScope.requestAnimationFrame</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/request-animation-frame/index.html b/docs/features/request-animation-frame/index.html
new file mode 100644
index 0000000000..0c5707efc5
--- /dev/null
+++ b/docs/features/request-animation-frame/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>requestAnimationFrame()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="request-animation-frame" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>requestAnimationFrame()</h1>
+  <p>The <code>requestAnimationFrame()</code> method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/requestanimationframe">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">24</span>
+        <span class="date">Released on 2013-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/cancelAnimationFrame">Window.cancelAnimationFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/requestAnimationFrame">Window.requestAnimationFrame</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#animation-frames">https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#animation-frames</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#requestAnimationFrame()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestAnimationFrame()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=requestAnimationFrame()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestAnimationFrame()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=requestAnimationFrame()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestAnimationFrame()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.cancelAnimationFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.requestAnimationFrame</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/request-video-frame-callback/index.html b/docs/features/request-video-frame-callback/index.html
new file mode 100644
index 0000000000..12b93c2d08
--- /dev/null
+++ b/docs/features/request-video-frame-callback/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>requestVideoFrameCallback()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="request-video-frame-callback" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>requestVideoFrameCallback()</h1>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLVideoElement/requestVideoFrameCallback">HTMLVideoElement.requestVideoFrameCallback</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLVideoElement/cancelVideoFrameCallback">HTMLVideoElement.cancelVideoFrameCallback</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/video-rvfc/">https://wicg.github.io/video-rvfc/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#requestVideoFrameCallback()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestVideoFrameCallback()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=requestVideoFrameCallback()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestVideoFrameCallback()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=requestVideoFrameCallback()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement requestVideoFrameCallback()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLVideoElement.json">api.HTMLVideoElement.requestVideoFrameCallback</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLVideoElement.json">api.HTMLVideoElement.cancelVideoFrameCallback</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/resource-size/index.html b/docs/features/resource-size/index.html
new file mode 100644
index 0000000000..599c94ee02
--- /dev/null
+++ b/docs/features/resource-size/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Resource size</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="resource-size" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Resource size</h1>
+  <p>The <code>decodedSize</code>, <code>encodedSize</code>, and <code>transferSize</code> properties of the <code>PerformanceResourceTiming</code> API reports the size of resources loaded.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/transferSize">PerformanceResourceTiming.transferSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/decodedBodySize">PerformanceResourceTiming.decodedBodySize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/encodedBodySize">PerformanceResourceTiming.encodedBodySize</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-decodedbodysize">https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-decodedbodysize</a></li>
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-encodedbodysize">https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-encodedbodysize</a></li>
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-transfersize">https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-transfersize</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Resource size">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Resource size+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Resource size">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Resource size+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Resource size">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Resource size+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.transferSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.decodedBodySize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.encodedBodySize</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/resource-timing/index.html b/docs/features/resource-timing/index.html
new file mode 100644
index 0000000000..83325f92fe
--- /dev/null
+++ b/docs/features/resource-timing/index.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Resource timing (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="resource-timing" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+  
+  <h1>Resource timing (initial support)</h1>
+  <p><code>PerformanceResourceTiming</code> entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/resource-timing">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming">PerformanceResourceTiming</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/connectEnd">PerformanceResourceTiming.connectEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/connectStart">PerformanceResourceTiming.connectStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/domainLookupEnd">PerformanceResourceTiming.domainLookupEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/domainLookupStart">PerformanceResourceTiming.domainLookupStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/fetchStart">PerformanceResourceTiming.fetchStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/initiatorType">PerformanceResourceTiming.initiatorType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/redirectEnd">PerformanceResourceTiming.redirectEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/redirectStart">PerformanceResourceTiming.redirectStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/requestStart">PerformanceResourceTiming.requestStart</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/responseEnd">PerformanceResourceTiming.responseEnd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/responseStart">PerformanceResourceTiming.responseStart</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/resource-timing/">https://w3c.github.io/resource-timing/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Resource timing (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Resource timing (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Resource timing (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Resource timing (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Resource timing (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Resource timing (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.connectEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.connectStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.domainLookupEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.domainLookupStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.fetchStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.initiatorType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.redirectEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.redirectStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.requestStart</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.responseEnd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.responseStart</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/round-mod-rem/index.html b/docs/features/round-mod-rem/index.html
new file mode 100644
index 0000000000..b75dd50007
--- /dev/null
+++ b/docs/features/round-mod-rem/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>round(), mod(), and rem()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="round-mod-rem" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-17 (baseline low)
+  
+</div>
+  
+  <h1>round(), mod(), and rem()</h1>
+  <p>The <code>round()</code>, <code>mod()</code>, and <code>rem()</code> CSS functions compute rounded values and the remainder after division.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/mod">mod property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/rem">rem property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/round">round property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#round-func">https://drafts.csswg.org/css-values-4/#round-func</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#round(), mod(), and rem()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement round(), mod(), and rem()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=round(), mod(), and rem()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement round(), mod(), and rem()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=round(), mod(), and rem()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement round(), mod(), and rem()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/mod.json">css.types.mod</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/rem.json">css.types.rem</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/round.json">css.types.round</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scheduler/index.html b/docs/features/scheduler/index.html
new file mode 100644
index 0000000000..17b4b5a440
--- /dev/null
+++ b/docs/features/scheduler/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Scheduler API</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scheduler" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Scheduler API</h1>
+  <p>The <code>scheduler</code> API provides a way to prioritize all tasks belonging to an application.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Scheduler">Scheduler</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Scheduler/postTask">Scheduler.postTask</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskController">TaskController</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskController/TaskController">TaskController.TaskController</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskController/setPriority">TaskController.setPriority</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskPriorityChangeEvent">TaskPriorityChangeEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskPriorityChangeEvent/TaskPriorityChangeEvent">TaskPriorityChangeEvent.TaskPriorityChangeEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskPriorityChangeEvent/previousPriority">TaskPriorityChangeEvent.previousPriority</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskSignal">TaskSignal</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TaskSignal/priority">TaskSignal.priority</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/scheduler">Window.scheduler</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/scheduling-apis/">https://wicg.github.io/scheduling-apis/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Scheduler API">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scheduler API+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Scheduler API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scheduler API+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Scheduler API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scheduler API+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Scheduler.json">api.Scheduler</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Scheduler.json">api.Scheduler.postTask</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskController.json">api.TaskController</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskController.json">api.TaskController.TaskController</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskController.json">api.TaskController.setPriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskPriorityChangeEvent.json">api.TaskPriorityChangeEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskPriorityChangeEvent.json">api.TaskPriorityChangeEvent.TaskPriorityChangeEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskPriorityChangeEvent.json">api.TaskPriorityChangeEvent.previousPriority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskSignal.json">api.TaskSignal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TaskSignal.json">api.TaskSignal.priority</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/_globals/scheduler.json">api.scheduler</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scope/index.html b/docs/features/scope/index.html
new file mode 100644
index 0000000000..4dd4e95b2d
--- /dev/null
+++ b/docs/features/scope/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>@scope</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scope" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>@scope</h1>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-cascade-scope">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@scope">@scope property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-cascade-6/#scope-atrule">https://drafts.csswg.org/css-cascade-6/#scope-atrule</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#@scope">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement @scope+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=@scope">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @scope+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=@scope">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @scope+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSScopeRule.json">api.CSSScopeRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSScopeRule.json">api.CSSScopeRule.end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSScopeRule.json">api.CSSScopeRule.start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/scope.json">css.at-rules.scope</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/screen-orientation-lock/index.html b/docs/features/screen-orientation-lock/index.html
new file mode 100644
index 0000000000..3191acacaf
--- /dev/null
+++ b/docs/features/screen-orientation-lock/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Screen orientation lock</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="screen-orientation-lock" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Screen orientation lock</h1>
+  <p>The <code>screen.orientation.lock()</code> method prevents changes to the screen orientation, typically in fullscreen applications such as games. For example, while locked, rotating a phone to the side won't change the screen orientation from landscape to portrait.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScreenOrientation/lock">ScreenOrientation.lock</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScreenOrientation/unlock">ScreenOrientation.unlock</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/screen-orientation/#lock-method">https://w3c.github.io/screen-orientation/#lock-method</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Screen orientation lock">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Screen orientation lock+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Screen orientation lock">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Screen orientation lock+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Screen orientation lock">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Screen orientation lock+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScreenOrientation.json">api.ScreenOrientation.lock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScreenOrientation.json">api.ScreenOrientation.unlock</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/screen-orientation/index.html b/docs/features/screen-orientation/index.html
new file mode 100644
index 0000000000..f070abcdd6
--- /dev/null
+++ b/docs/features/screen-orientation/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Screen orientation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="screen-orientation" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Screen orientation</h1>
+  <p>The <code>screen.orientation</code> API gets information about the orientation of the viewport, such as landscape or portrait. With this API, you can adapt an application's layout or behavior in response to changes in orientation.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/screen-orientation">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Screen/orientation">Screen.orientation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScreenOrientation">ScreenOrientation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScreenOrientation/angle">ScreenOrientation.angle</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScreenOrientation/type">ScreenOrientation.type</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/screen-orientation/">https://w3c.github.io/screen-orientation/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Screen orientation">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Screen orientation+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Screen orientation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Screen orientation+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Screen orientation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Screen orientation+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Screen.json">api.Screen.orientation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScreenOrientation.json">api.ScreenOrientation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScreenOrientation.json">api.ScreenOrientation.angle</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScreenOrientation.json">api.ScreenOrientation.change_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScreenOrientation.json">api.ScreenOrientation.type</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scroll-driven-animations/index.html b/docs/features/scroll-driven-animations/index.html
new file mode 100644
index 0000000000..2206badb9b
--- /dev/null
+++ b/docs/features/scroll-driven-animations/index.html
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Scroll-driven animations</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scroll-driven-animations" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Scroll-driven animations</h1>
+  <p>CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScrollTimeline">ScrollTimeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScrollTimeline/axis">ScrollTimeline.axis</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScrollTimeline/ScrollTimeline">ScrollTimeline.ScrollTimeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScrollTimeline/scroll">ScrollTimeline.scroll</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTimeline">ViewTimeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTimeline/endOffset">ViewTimeline.endOffset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScrollTimeline/startOffset">ScrollTimeline.startOffset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ScrollTimeline/subject">ScrollTimeline.subject</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTimeline/ViewTimeline">ViewTimeline.ViewTimeline</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-range">animation-range property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-range-end">animation-range-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-range-start">animation-range-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-timeline">animation-timeline property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll">animation-timeline/scroll property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view">animation-timeline/view property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-timeline">scroll-timeline property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis">scroll-timeline-axis property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name">scroll-timeline-name property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/view-timeline">view-timeline property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/view-timeline-axis">view-timeline-axis property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset">view-timeline-inset property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/view-timeline-name">view-timeline-name property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/scroll-animations-1/">https://drafts.csswg.org/scroll-animations-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Scroll-driven animations">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll-driven animations+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Scroll-driven animations">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll-driven animations+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Scroll-driven animations">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll-driven animations+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScrollTimeline.json">api.ScrollTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScrollTimeline.json">api.ScrollTimeline.axis</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScrollTimeline.json">api.ScrollTimeline.ScrollTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ScrollTimeline.json">api.ScrollTimeline.source</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTimeline.json">api.ViewTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTimeline.json">api.ViewTimeline.endOffset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTimeline.json">api.ViewTimeline.startOffset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTimeline.json">api.ViewTimeline.subject</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTimeline.json">api.ViewTimeline.ViewTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-range.json">css.properties.animation-range</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-range-end.json">css.properties.animation-range-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-range-start.json">css.properties.animation-range-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-timeline.json">css.properties.animation-timeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-timeline.json">css.properties.animation-timeline.scroll</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/animation-timeline.json">css.properties.animation-timeline.view</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-timeline.json">css.properties.scroll-timeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-timeline-axis.json">css.properties.scroll-timeline-axis</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-timeline-name.json">css.properties.scroll-timeline-name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/view-timeline.json">css.properties.view-timeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/view-timeline-axis.json">css.properties.view-timeline-axis</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/view-timeline-inset.json">css.properties.view-timeline-inset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/view-timeline-name.json">css.properties.view-timeline-name</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scroll-into-view/index.html b/docs/features/scroll-into-view/index.html
new file mode 100644
index 0000000000..becf70f558
--- /dev/null
+++ b/docs/features/scroll-into-view/index.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>scrollIntoView()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scroll-into-view" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+  
+  <h1>scrollIntoView()</h1>
+  <p>The <code>scrollIntoView()</code> method scrolls an element's ancestor containers such that the element is visible to the user.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/scrollintoview">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/scrollIntoView">Element.scrollIntoView</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/cssom-view-1/#dom-element-scrollintoview">https://drafts.csswg.org/cssom-view-1/#dom-element-scrollintoview</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#scrollIntoView()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollIntoView()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=scrollIntoView()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollIntoView()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=scrollIntoView()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollIntoView()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.scrollIntoView</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.scrollIntoView.options_parameter</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scroll-snap/index.html b/docs/features/scroll-snap/index.html
new file mode 100644
index 0000000000..eb79fa70f0
--- /dev/null
+++ b/docs/features/scroll-snap/index.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Scroll snap</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scroll-snap" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-01-09 (baseline high)
+</div>
+  
+  <h1>Scroll snap</h1>
+  <p>CSS scroll snap controls the panning and scrolling behavior within a scroll container.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-snappoints">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin">scroll-margin property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block">scroll-margin-block property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end">scroll-margin-block-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start">scroll-margin-block-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom">scroll-margin-bottom property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline">scroll-margin-inline property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end">scroll-margin-inline-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start">scroll-margin-inline-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left">scroll-margin-left property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right">scroll-margin-right property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top">scroll-margin-top property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding">scroll-padding property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block">scroll-padding-block property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end">scroll-padding-block-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start">scroll-padding-block-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom">scroll-padding-bottom property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline">scroll-padding-inline property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end">scroll-padding-inline-end property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start">scroll-padding-inline-start property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left">scroll-padding-left property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right">scroll-padding-right property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top">scroll-padding-top property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align">scroll-snap-align property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop">scroll-snap-stop property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type">scroll-snap-type property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-scroll-snap-1/">https://drafts.csswg.org/css-scroll-snap-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Scroll snap">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll snap+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Scroll snap">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll snap+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Scroll snap">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll snap+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin.json">css.properties.scroll-margin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-block.json">css.properties.scroll-margin-block</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-block-end.json">css.properties.scroll-margin-block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-block-start.json">css.properties.scroll-margin-block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-bottom.json">css.properties.scroll-margin-bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-inline.json">css.properties.scroll-margin-inline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-inline-end.json">css.properties.scroll-margin-inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-inline-start.json">css.properties.scroll-margin-inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-left.json">css.properties.scroll-margin-left</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-right.json">css.properties.scroll-margin-right</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-margin-top.json">css.properties.scroll-margin-top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding.json">css.properties.scroll-padding</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-block.json">css.properties.scroll-padding-block</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-block-end.json">css.properties.scroll-padding-block-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-block-start.json">css.properties.scroll-padding-block-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-bottom.json">css.properties.scroll-padding-bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-inline.json">css.properties.scroll-padding-inline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-inline-end.json">css.properties.scroll-padding-inline-end</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-inline-start.json">css.properties.scroll-padding-inline-start</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-left.json">css.properties.scroll-padding-left</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-right.json">css.properties.scroll-padding-right</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-padding-top.json">css.properties.scroll-padding-top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-snap-align.json">css.properties.scroll-snap-align</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-snap-stop.json">css.properties.scroll-snap-stop</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scroll-snap-type.json">css.properties.scroll-snap-type</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scroll-to-text-fragment/index.html b/docs/features/scroll-to-text-fragment/index.html
new file mode 100644
index 0000000000..a54f6820f1
--- /dev/null
+++ b/docs/features/scroll-to-text-fragment/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Scroll to text fragment</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scroll-to-text-fragment" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Scroll to text fragment</h1>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/url-scroll-to-text-fragment">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/scroll-to-text-fragment/">https://wicg.github.io/scroll-to-text-fragment/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Scroll to text fragment">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll to text fragment+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Scroll to text fragment">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll to text fragment+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Scroll to text fragment">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Scroll to text fragment+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scrollbar-color/index.html b/docs/features/scrollbar-color/index.html
new file mode 100644
index 0000000000..b8e7c78dc5
--- /dev/null
+++ b/docs/features/scrollbar-color/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>scrollbar-color</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scrollbar-color" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>scrollbar-color</h1>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scrollbar-color">scrollbar-color property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-scrollbars-1/#scrollbar-color">https://drafts.csswg.org/css-scrollbars-1/#scrollbar-color</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#scrollbar-color">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-color+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=scrollbar-color">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-color+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=scrollbar-color">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-color+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scrollbar-color.json">css.properties.scrollbar-color</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scrollbar-gutter/index.html b/docs/features/scrollbar-gutter/index.html
new file mode 100644
index 0000000000..4f827f7b32
--- /dev/null
+++ b/docs/features/scrollbar-gutter/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>scrollbar-gutter</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scrollbar-gutter" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>scrollbar-gutter</h1>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter">scrollbar-gutter property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-overflow-3/#scrollbar-gutter-property">https://drafts.csswg.org/css-overflow-3/#scrollbar-gutter-property</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#scrollbar-gutter">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-gutter+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=scrollbar-gutter">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-gutter+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=scrollbar-gutter">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-gutter+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scrollbar-gutter.json">css.properties.scrollbar-gutter</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scrollbar-width/index.html b/docs/features/scrollbar-width/index.html
new file mode 100644
index 0000000000..72dc62e3d6
--- /dev/null
+++ b/docs/features/scrollbar-width/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>scrollbar-width</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scrollbar-width" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>scrollbar-width</h1>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/scrollbar-width">scrollbar-width property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-scrollbars-1/#scrollbar-width">https://drafts.csswg.org/css-scrollbars-1/#scrollbar-width</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#scrollbar-width">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-width+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=scrollbar-width">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-width+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=scrollbar-width">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollbar-width+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/scrollbar-width.json">css.properties.scrollbar-width</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/scrollend/index.html b/docs/features/scrollend/index.html
new file mode 100644
index 0000000000..01e23a5312
--- /dev/null
+++ b/docs/features/scrollend/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>scrollend</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="scrollend" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>scrollend</h1>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/scrollend_event">Document.scrollend_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/scrollend_event">Element.scrollend_event</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/cssom-view-1/#eventdef-document-scrollend">https://drafts.csswg.org/cssom-view-1/#eventdef-document-scrollend</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#scrollend">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollend+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=scrollend">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollend+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=scrollend">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement scrollend+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.scrollend_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.scrollend_event</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/search-input-type/index.html b/docs/features/search-input-type/index.html
new file mode 100644
index 0000000000..cf89910fcb
--- /dev/null
+++ b/docs/features/search-input-type/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;input type=&amp;quot;search&amp;quot;&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="search-input-type" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>&lt;input type=&quot;search&quot;&gt;</h1>
+  <p>The <code>&#x3C;input></code> HTML element with the <code>type="search"</code> attribute represents a text field for search queries, which might be styled differently by the browser.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/input-search">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/input/search">&lt;input/search&gt; element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/input.html#text-(type=text)-state-and-search-state-(type=search)">https://html.spec.whatwg.org/multipage/input.html#text-(type=text)-state-and-search-state-(type=search)</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;input type=&quot;search&quot;&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;input type=&quot;search&quot;&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;input type=&quot;search&quot;&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;input type=&quot;search&quot;&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;input type=&quot;search&quot;&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;input type=&quot;search&quot;&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/input/search.json">html.elements.input.type_search</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/search/index.html b/docs/features/search/index.html
new file mode 100644
index 0000000000..e206cfcc4e
--- /dev/null
+++ b/docs/features/search/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;search&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="search" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+  
+  <h1>&lt;search&gt;</h1>
+  <p>The <code>&#x3C;search></code> HTML element is a container that represents the parts of the web page with search functionality.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/search">&lt;search&gt; element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-element">https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;search&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;search&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;search&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;search&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;search&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;search&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/search.json">html.elements.search</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/server-timing/index.html b/docs/features/server-timing/index.html
new file mode 100644
index 0000000000..e56d8d5de2
--- /dev/null
+++ b/docs/features/server-timing/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Server timing</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="server-timing" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Server timing</h1>
+  <p>The <code>serverTiming</code> property of the <code>PerformanceResourceTiming</code> API contains server timing information about network requests.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/server-timing">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceResourceTiming/serverTiming">PerformanceResourceTiming.serverTiming</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceServerTiming">PerformanceServerTiming</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceServerTiming/description">PerformanceServerTiming.description</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceServerTiming/duration">PerformanceServerTiming.duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceServerTiming/name">PerformanceServerTiming.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/PerformanceServerTiming/toJSON">PerformanceServerTiming.toJSON</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Server-Timing">Headers/Server-Timing</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/server-timing/">https://w3c.github.io/server-timing/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Server timing">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Server timing+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Server timing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Server timing+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Server timing">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Server timing+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceResourceTiming.json">api.PerformanceResourceTiming.serverTiming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceServerTiming.json">api.PerformanceServerTiming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceServerTiming.json">api.PerformanceServerTiming.description</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceServerTiming.json">api.PerformanceServerTiming.duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceServerTiming.json">api.PerformanceServerTiming.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/PerformanceServerTiming.json">api.PerformanceServerTiming.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Server-Timing.json">http.headers.Server-Timing</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/set-methods/index.html b/docs/features/set-methods/index.html
new file mode 100644
index 0000000000..a389167577
--- /dev/null
+++ b/docs/features/set-methods/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Set methods</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="set-methods" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Set methods</h1>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/difference">Set.difference</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/intersection">Set.intersection</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/isDisjointFrom">Set.isDisjointFrom</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/isSubsetOf">Set.isSubsetOf</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/isSupersetOf">Set.isSupersetOf</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/symmetricDifference">Set.symmetricDifference</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/union">Set.union</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/proposal-set-methods/">https://tc39.es/proposal-set-methods/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Set methods">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Set methods+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Set methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Set methods+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Set methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Set methods+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.difference</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.intersection</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.isDisjointFrom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.isSubsetOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.isSupersetOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.symmetricDifference</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.union</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/set/index.html b/docs/features/set/index.html
new file mode 100644
index 0000000000..dc60082445
--- /dev/null
+++ b/docs/features/set/index.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Set (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="set" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Set (initial support)</h1>
+  <p>Set objects store unique values of any type.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on </span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set">Set global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/Set">Set.Set</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/add">Set.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/clear">Set.clear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/delete">Set.delete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/entries">Set.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/forEach">Set.forEach</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/has">Set.has</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/keys">Set.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/size">Set.size</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/values">Set.values</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/@@iterator">Set.@@iterator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Set/@@species">Set.@@species</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/keyed-collections.html#sec-set-objects">https://tc39.es/ecma262/multipage/keyed-collections.html#sec-set-objects</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Set (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Set (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Set (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Set (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Set (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Set (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.Set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.Set.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.Set.null_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.clear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.delete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.key_equality_for_zeros</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Set.json">javascript.builtins.Set.@@species</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/shadow-dom/index.html b/docs/features/shadow-dom/index.html
new file mode 100644
index 0000000000..26e0d76337
--- /dev/null
+++ b/docs/features/shadow-dom/index.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Shadow DOM</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="shadow-dom" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>Shadow DOM</h1>
+  <p>Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/shadowdomv1">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/attachShadow">Element.attachShadow</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/shadowRoot">Element.shadowRoot</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Event/composed">Event.composed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Event/composedPath">Event.composedPath</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Node/getRootNode">Node.getRootNode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Node/isConnected">Node.isConnected</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot">ShadowRoot</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot/host">ShadowRoot.host</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot/mode">ShadowRoot.mode</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://dom.spec.whatwg.org/#shadow-trees">https://dom.spec.whatwg.org/#shadow-trees</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Shadow DOM">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Shadow DOM+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Shadow DOM">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Shadow DOM+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Shadow DOM">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Shadow DOM+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.attachShadow</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.shadowRoot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Event.json">api.Event.composed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Event.json">api.Event.composedPath</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Node.json">api.Node.getRootNode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Node.json">api.Node.isConnected</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.host</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.mode</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/show-picker-input/index.html b/docs/features/show-picker-input/index.html
new file mode 100644
index 0000000000..2d86985b12
--- /dev/null
+++ b/docs/features/show-picker-input/index.html
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>showPicker() for &amp;lt;input&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="show-picker-input" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>showPicker() for &lt;input&gt;</h1>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLInputElement/showPicker">HTMLInputElement.showPicker</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/input.html#dom-input-showpicker">https://html.spec.whatwg.org/multipage/input.html#dom-input-showpicker</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#showPicker() for &lt;input&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement showPicker() for &lt;input&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=showPicker() for &lt;input&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement showPicker() for &lt;input&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=showPicker() for &lt;input&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement showPicker() for &lt;input&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.showPicker</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.showPicker.color_input</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.showPicker.file_input</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.showPicker.date_input</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLInputElement.json">api.HTMLInputElement.showPicker.datetime_local_input</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/show-picker-select/index.html b/docs/features/show-picker-select/index.html
new file mode 100644
index 0000000000..96683c7ba3
--- /dev/null
+++ b/docs/features/show-picker-select/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>showPicker() for &amp;lt;select&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="show-picker-select" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>showPicker() for &lt;select&gt;</h1>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSelectElement/showPicker">HTMLSelectElement.showPicker</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/input.html#dom-select-showpicker">https://html.spec.whatwg.org/multipage/input.html#dom-select-showpicker</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#showPicker() for &lt;select&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement showPicker() for &lt;select&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=showPicker() for &lt;select&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement showPicker() for &lt;select&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=showPicker() for &lt;select&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement showPicker() for &lt;select&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSelectElement.json">api.HTMLSelectElement.showPicker</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/slot-assign/index.html b/docs/features/slot-assign/index.html
new file mode 100644
index 0000000000..f8009987c9
--- /dev/null
+++ b/docs/features/slot-assign/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Imperative slot assignment</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="slot-assign" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>Imperative slot assignment</h1>
+  <p>The <code>assign()</code> method for <code>&#x3C;slot></code> elements assigns nodes to the slot, as an alternative to using the <code>slot</code> and <code>name</code> HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the <code>slotAssignment</code> set to "manual". Also known as manual slot assignment.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSlotElement/assign">HTMLSlotElement.assign</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ShadowRoot/slotAssignment">ShadowRoot.slotAssignment</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/scripting.html#dom-slot-assign">https://html.spec.whatwg.org/multipage/scripting.html#dom-slot-assign</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Imperative slot assignment">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Imperative slot assignment+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Imperative slot assignment">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Imperative slot assignment+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Imperative slot assignment">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Imperative slot assignment+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSlotElement.json">api.HTMLSlotElement.assign</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ShadowRoot.json">api.ShadowRoot.slotAssignment</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/slot/index.html b/docs/features/slot/index.html
new file mode 100644
index 0000000000..75e86b4f31
--- /dev/null
+++ b/docs/features/slot/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;slot&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="slot" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>&lt;slot&gt;</h1>
+  <p>The <code>&#x3C;slot></code> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/assignedSlot">Element.assignedSlot</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/slot">Element.slot</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSlotElement">HTMLSlotElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSlotElement/assignedNodes">HTMLSlotElement.assignedNodes</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLSlotElement/name">HTMLSlotElement.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Text/assignedSlot">Text.assignedSlot</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::slotted">::slotted pseudo-element</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/slot">&lt;slot&gt; element</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/slot">slot global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/scripting.html#the-slot-element">https://html.spec.whatwg.org/multipage/scripting.html#the-slot-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;slot&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;slot&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;slot&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;slot&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;slot&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;slot&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.assignedSlot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.slot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSlotElement.json">api.HTMLSlotElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSlotElement.json">api.HTMLSlotElement.assignedNodes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLSlotElement.json">api.HTMLSlotElement.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Text.json">api.Text.assignedSlot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/slotted.json">css.selectors.slotted</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/slot.json">html.elements.slot</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/slot.json">html.elements.slot.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.slot</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/speech-synthesis/index.html b/docs/features/speech-synthesis/index.html
new file mode 100644
index 0000000000..74fde8d8df
--- /dev/null
+++ b/docs/features/speech-synthesis/index.html
@@ -0,0 +1,304 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Speech synthesis</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="speech-synthesis" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-03-05 (baseline high)
+</div>
+  
+  <h1>Speech synthesis</h1>
+  <p>The <code>SpeechSynthesis</code> API converts text into audio using a synthetic voice.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/speech-synthesis">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis">SpeechSynthesis</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/cancel">SpeechSynthesis.cancel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/getVoices">SpeechSynthesis.getVoices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/pause">SpeechSynthesis.pause</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/paused">SpeechSynthesis.paused</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/pending">SpeechSynthesis.pending</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/resume">SpeechSynthesis.resume</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/speak">SpeechSynthesis.speak</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesis/speaking">SpeechSynthesis.speaking</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisEvent">SpeechSynthesisEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisEvent/charIndex">SpeechSynthesisEvent.charIndex</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisEvent/elapsedTime">SpeechSynthesisEvent.elapsedTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisEvent/name">SpeechSynthesisEvent.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisEvent/utterance">SpeechSynthesisEvent.utterance</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance">SpeechSynthesisUtterance</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/SpeechSynthesisUtterance">SpeechSynthesisUtterance.SpeechSynthesisUtterance</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/end_event">SpeechSynthesisUtterance.end_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/error_event">SpeechSynthesisUtterance.error_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/lang">SpeechSynthesisUtterance.lang</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/mark_event">SpeechSynthesisUtterance.mark_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/pause_event">SpeechSynthesisUtterance.pause_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/pitch">SpeechSynthesisUtterance.pitch</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/rate">SpeechSynthesisUtterance.rate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/resume_event">SpeechSynthesisUtterance.resume_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/start_event">SpeechSynthesisUtterance.start_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/text">SpeechSynthesisUtterance.text</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/voice">SpeechSynthesisUtterance.voice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisUtterance/volume">SpeechSynthesisUtterance.volume</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice">SpeechSynthesisVoice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/default">SpeechSynthesisVoice.default</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/lang">SpeechSynthesisVoice.lang</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/localService">SpeechSynthesisVoice.localService</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/name">SpeechSynthesisVoice.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/voiceURI">SpeechSynthesisVoice.voiceURI</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/speechSynthesis">Window.speechSynthesis</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/speech-api/#tts-section">https://wicg.github.io/speech-api/#tts-section</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Speech synthesis">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Speech synthesis+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Speech synthesis">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Speech synthesis+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Speech synthesis">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Speech synthesis+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.cancel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.getVoices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.pause</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.paused</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.pending</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.resume</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.speak</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesis.json">api.SpeechSynthesis.speaking</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisEvent.json">api.SpeechSynthesisEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisEvent.json">api.SpeechSynthesisEvent.charIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisEvent.json">api.SpeechSynthesisEvent.elapsedTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisEvent.json">api.SpeechSynthesisEvent.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisEvent.json">api.SpeechSynthesisEvent.utterance</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.SpeechSynthesisUtterance</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.end_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.error_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.lang</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.mark_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.pause_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.pitch</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.rate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.resume_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.start_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.text</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.voice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisUtterance.json">api.SpeechSynthesisUtterance.volume</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisVoice.json">api.SpeechSynthesisVoice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisVoice.json">api.SpeechSynthesisVoice.default</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisVoice.json">api.SpeechSynthesisVoice.lang</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisVoice.json">api.SpeechSynthesisVoice.localService</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisVoice.json">api.SpeechSynthesisVoice.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/SpeechSynthesisVoice.json">api.SpeechSynthesisVoice.voiceURI</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.speechSynthesis</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/spelling-grammar-error/index.html b/docs/features/spelling-grammar-error/index.html
new file mode 100644
index 0000000000..9cf85f1ee7
--- /dev/null
+++ b/docs/features/spelling-grammar-error/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>::spelling-error and ::grammar-error</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="spelling-grammar-error" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>::spelling-error and ::grammar-error</h1>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::grammar-error">::grammar-error pseudo-element</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::spelling-error">::spelling-error pseudo-element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-pseudo-4/#selectordef-spelling-error">https://drafts.csswg.org/css-pseudo-4/#selectordef-spelling-error</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-pseudo-4/#selectordef-grammar-error">https://drafts.csswg.org/css-pseudo-4/#selectordef-grammar-error</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#::spelling-error and ::grammar-error">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement ::spelling-error and ::grammar-error+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=::spelling-error and ::grammar-error">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ::spelling-error and ::grammar-error+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=::spelling-error and ::grammar-error">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ::spelling-error and ::grammar-error+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/grammar-error.json">css.selectors.grammar-error</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/spelling-error.json">css.selectors.spelling-error</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/stable-array-sort/index.html b/docs/features/stable-array-sort/index.html
new file mode 100644
index 0000000000..ae0e9cf637
--- /dev/null
+++ b/docs/features/stable-array-sort/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Stable array sort</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="stable-array-sort" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>Stable array sort</h1>
+  <p>Stable array sort() function</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.sort">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.prototype.sort</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Stable array sort">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Stable array sort+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Stable array sort">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Stable array sort+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Stable array sort">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Stable array sort+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Array.json">javascript.builtins.Array.sort.stable_sorting</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/starting-style/index.html b/docs/features/starting-style/index.html
new file mode 100644
index 0000000000..0fd7a4f617
--- /dev/null
+++ b/docs/features/starting-style/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>@starting-style</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="starting-style" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>@starting-style</h1>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CSSStartingStyleRule">CSSStartingStyleRule</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/@starting-style">@starting-style property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-transitions-2/#defining-before-change-style">https://drafts.csswg.org/css-transitions-2/#defining-before-change-style</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#@starting-style">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement @starting-style+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=@starting-style">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @starting-style+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=@starting-style">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement @starting-style+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CSSStartingStyleRule.json">api.CSSStartingStyleRule</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/starting-style.json">css.at-rules.starting-style</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/sticky-positioning/index.html b/docs/features/sticky-positioning/index.html
new file mode 100644
index 0000000000..66f0b0d784
--- /dev/null
+++ b/docs/features/sticky-positioning/index.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Sticky positioning</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="sticky-positioning" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+  
+  <h1>Sticky positioning</h1>
+  <p>The <code>position: sticky</code> CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-sticky">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-position-3/#stickypos-insets">https://drafts.csswg.org/css-position-3/#stickypos-insets</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Sticky positioning">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Sticky positioning+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Sticky positioning">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Sticky positioning+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Sticky positioning">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Sticky positioning+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position.json">css.properties.position.position_sticky_table_elements</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/position.json">css.properties.position.sticky</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/storage-access/index.html b/docs/features/storage-access/index.html
new file mode 100644
index 0000000000..6408c4508a
--- /dev/null
+++ b/docs/features/storage-access/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Storage access</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="storage-access" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-05 (baseline low)
+  
+</div>
+  
+  <h1>Storage access</h1>
+  <p>The <code>document.requestStorageAccess()</code> method allows content in iframes to request storing and reading cookies and other site data, while the <code>document.hasStorageAccess()</code> method checks if such access is granted.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/hasStorageAccess">Document.hasStorageAccess</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/requestStorageAccess">Document.requestStorageAccess</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://privacycg.github.io/storage-access/">https://privacycg.github.io/storage-access/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Storage access">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Storage access+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Storage access">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Storage access+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Storage access">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Storage access+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.hasStorageAccess</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.requestStorageAccess</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/storage-buckets/index.html b/docs/features/storage-buckets/index.html
new file mode 100644
index 0000000000..b0fc0bb159
--- /dev/null
+++ b/docs/features/storage-buckets/index.html
@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Storage buckets</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="storage-buckets" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Storage buckets</h1>
+  <p>The <code>navigator.storageBuckets</code> API allows you to organize locally stored data into groups called storage buckets. Each bucket can have different settings, allowing the browser to manage and delete buckets independently rather than applying the same treatment to all.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/storage-buckets/">https://wicg.github.io/storage-buckets/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Storage buckets">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Storage buckets+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Storage buckets">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Storage buckets+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Storage buckets">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Storage buckets+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.storageBuckets</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.caches</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.estimate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.expires</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.getDirectory</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.indexedDB</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.persist</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.persisted</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucket.json">api.StorageBucket.setExpires</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucketManager.json">api.StorageBucketManager</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucketManager.json">api.StorageBucketManager.delete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucketManager.json">api.StorageBucketManager.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/StorageBucketManager.json">api.StorageBucketManager.open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WorkerNavigator.json">api.WorkerNavigator.storageBuckets</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/streams/index.html b/docs/features/streams/index.html
new file mode 100644
index 0000000000..711d5700e3
--- /dev/null
+++ b/docs/features/streams/index.html
@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Streams</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="streams" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-06-28 (baseline low)
+  
+</div>
+  
+  <h1>Streams</h1>
+  <p>The streams API creates, composes, and consumes continuously generated data.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/streams">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy">ByteLengthQueuingStrategy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy/ByteLengthQueuingStrategy">ByteLengthQueuingStrategy.ByteLengthQueuingStrategy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy/highWaterMark">ByteLengthQueuingStrategy.highWaterMark</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy/size">ByteLengthQueuingStrategy.size</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy">CountQueuingStrategy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy/CountQueuingStrategy">CountQueuingStrategy.CountQueuingStrategy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy/highWaterMark">CountQueuingStrategy.highWaterMark</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy/size">CountQueuingStrategy.size</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream">ReadableStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/ReadableStream">ReadableStream.ReadableStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/cancel">ReadableStream.cancel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/getReader">ReadableStream.getReader</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/locked">ReadableStream.locked</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/pipeThrough">ReadableStream.pipeThrough</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/pipeTo">ReadableStream.pipeTo</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ReadableStream/tee">ReadableStream.tee</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStream">WritableStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStream/WritableStream">WritableStream.WritableStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStream/abort">WritableStream.abort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStream/getWriter">WritableStream.getWriter</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStream/locked">WritableStream.locked</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController">WritableStreamDefaultController</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController/error">WritableStreamDefaultController.error</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter">WritableStreamDefaultWriter</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/abort">WritableStreamDefaultWriter.abort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/close">WritableStreamDefaultWriter.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/closed">WritableStreamDefaultWriter.closed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/desiredSize">WritableStreamDefaultWriter.desiredSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/ready">WritableStreamDefaultWriter.ready</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/releaseLock">WritableStreamDefaultWriter.releaseLock</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/write">WritableStreamDefaultWriter.write</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://streams.spec.whatwg.org/">https://streams.spec.whatwg.org/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Streams">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Streams+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Streams">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Streams+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Streams">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Streams+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ByteLengthQueuingStrategy.json">api.ByteLengthQueuingStrategy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ByteLengthQueuingStrategy.json">api.ByteLengthQueuingStrategy.ByteLengthQueuingStrategy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ByteLengthQueuingStrategy.json">api.ByteLengthQueuingStrategy.highWaterMark</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ByteLengthQueuingStrategy.json">api.ByteLengthQueuingStrategy.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CountQueuingStrategy.json">api.CountQueuingStrategy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CountQueuingStrategy.json">api.CountQueuingStrategy.CountQueuingStrategy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CountQueuingStrategy.json">api.CountQueuingStrategy.highWaterMark</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/CountQueuingStrategy.json">api.CountQueuingStrategy.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.ReadableStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.cancel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.getReader</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.locked</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.pipeThrough</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.pipeTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ReadableStream.json">api.ReadableStream.tee</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStream.json">api.WritableStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStream.json">api.WritableStream.WritableStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStream.json">api.WritableStream.abort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStream.json">api.WritableStream.getWriter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStream.json">api.WritableStream.locked</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultController.json">api.WritableStreamDefaultController</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultController.json">api.WritableStreamDefaultController.error</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.abort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.closed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.desiredSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.ready</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.releaseLock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WritableStreamDefaultWriter.json">api.WritableStreamDefaultWriter.write</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/structured-clone/index.html b/docs/features/structured-clone/index.html
new file mode 100644
index 0000000000..d90967dc99
--- /dev/null
+++ b/docs/features/structured-clone/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>structuredClone()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="structured-clone" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>structuredClone()</h1>
+  <p>The <code>structuredClone()</code> global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/structuredClone">structuredClone</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/structured-data.html#structured-cloning">https://html.spec.whatwg.org/multipage/structured-data.html#structured-cloning</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#structuredClone()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement structuredClone()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=structuredClone()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement structuredClone()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=structuredClone()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement structuredClone()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/_globals/structuredClone.json">api.structuredClone</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/subgrid/index.html b/docs/features/subgrid/index.html
new file mode 100644
index 0000000000..00ac79c7f9
--- /dev/null
+++ b/docs/features/subgrid/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Subgrid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="subgrid" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-15 (baseline low)
+  
+</div>
+  
+  <h1>Subgrid</h1>
+  <p>The <code>subgrid</code> value for the <code>grid-template-columns</code> and <code>grid-template-rows</code> properties allows a grid item to inherit the grid definition of its parent grid container.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-subgrid">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/CSS_Grid_Layout/Subgrid">CSS_Grid_Layout/Subgrid property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/CSS_Grid_Layout/Subgrid">CSS_Grid_Layout/Subgrid property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-grid-2/#subgrids">https://drafts.csswg.org/css-grid-2/#subgrids</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Subgrid">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Subgrid+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Subgrid">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Subgrid+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Subgrid">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Subgrid+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-columns.json">css.properties.grid-template-columns.subgrid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/grid-template-rows.json">css.properties.grid-template-rows.subgrid</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/tabindex/index.html b/docs/features/tabindex/index.html
new file mode 100644
index 0000000000..13288576e4
--- /dev/null
+++ b/docs/features/tabindex/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>tabindex</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="tabindex" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+  
+  <h1>tabindex</h1>
+  <p>The <code>tabindex</code> HTML attribute make an element focusable, and defines the element's relative ordering for sequential focus navigation.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/tabindex-attr">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1.5</span>
+        <span class="date">Released on 2005-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/tabIndex">HTMLElement.tabIndex</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/tabindex">tabindex global attribute</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interaction.html#attr-tabindex">https://html.spec.whatwg.org/multipage/interaction.html#attr-tabindex</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#tabindex">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement tabindex+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=tabindex">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement tabindex+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=tabindex">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement tabindex+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.tabIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.tabindex</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/target-text/index.html b/docs/features/target-text/index.html
new file mode 100644
index 0000000000..ea68de62c1
--- /dev/null
+++ b/docs/features/target-text/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>::target-text</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="target-text" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>::target-text</h1>
+  <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::target-text">::target-text pseudo-element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-pseudo-4/#selectordef-target-text">https://drafts.csswg.org/css-pseudo-4/#selectordef-target-text</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#::target-text">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement ::target-text+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=::target-text">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ::target-text+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=::target-text">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement ::target-text+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/target-text.json">css.selectors.target-text</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/template/index.html b/docs/features/template/index.html
new file mode 100644
index 0000000000..10bd401b62
--- /dev/null
+++ b/docs/features/template/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>&amp;lt;template&amp;gt;</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="template" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-05-12 (baseline high)
+</div>
+  
+  <h1>&lt;template&gt;</h1>
+  <p>The <code>&#x3C;template></code> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/template">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLTemplateElement">HTMLTemplateElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLTemplateElement/content">HTMLTemplateElement.content</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Element/template">&lt;template&gt; element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/scripting.html#the-template-element">https://html.spec.whatwg.org/multipage/scripting.html#the-template-element</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#&lt;template&gt;">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;template&gt;+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=&lt;template&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;template&gt;+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=&lt;template&gt;">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement &lt;template&gt;+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTemplateElement.json">api.HTMLTemplateElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLTemplateElement.json">api.HTMLTemplateElement.content</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/elements/template.json">html.elements.template</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/temporal/index.html b/docs/features/temporal/index.html
new file mode 100644
index 0000000000..db755b544f
--- /dev/null
+++ b/docs/features/temporal/index.html
@@ -0,0 +1,1421 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Temporal</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="temporal" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Temporal</h1>
+  <p>The <code>Temporal</code> API allows you to work with dates, times, time zones, and durations. It is more powerful than the <code>Date</code> API.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/temporal">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1519167">bugzil.la/1519167</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1519167">bugzil.la/1519167</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/223166">webkit.org/b/223166</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/223166">webkit.org/b/223166</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal">Temporal global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar">Temporal.Calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/Calendar">Temporal.Calendar.Calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/dateAdd">Temporal.Calendar.dateAdd</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/dateFromFields">Temporal.Calendar.dateFromFields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/dateUntil">Temporal.Calendar.dateUntil</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/day">Temporal.Calendar.day</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/dayOfWeek">Temporal.Calendar.dayOfWeek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/dayOfYear">Temporal.Calendar.dayOfYear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/daysInMonth">Temporal.Calendar.daysInMonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/daysInWeek">Temporal.Calendar.daysInWeek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/daysInYear">Temporal.Calendar.daysInYear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/era">Temporal.Calendar.era</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/eraYear">Temporal.Calendar.eraYear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/fields">Temporal.Calendar.fields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/from">Temporal.Calendar.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/id">Temporal.Calendar.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/inLeapYear">Temporal.Calendar.inLeapYear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/mergeFields">Temporal.Calendar.mergeFields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/frmonthom">Temporal.Calendar.frmonthom</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/monthCode">Temporal.Calendar.monthCode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/monthDayFromFields">Temporal.Calendar.monthDayFromFields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/monthsInYear">Temporal.Calendar.monthsInYear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/toJSON">Temporal.Calendar.toJSON</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/toJSON">Temporal.Calendar.toJSON</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/weekOfYear">Temporal.Calendar.weekOfYear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/year">Temporal.Calendar.year</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Calendar/yearMonthFromFields">Temporal.Calendar.yearMonthFromFields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Duration">Temporal.Duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Duration/Duration">Temporal.Duration.Duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/abs">temporal.duration.abs</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/add">temporal.duration.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/blank">temporal.duration.blank</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/compare">temporal.duration.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/days">temporal.duration.days</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/from">temporal.duration.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/hours">temporal.duration.hours</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/microseconds">temporal.duration.microseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/milliseconds">temporal.duration.milliseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/minutes">temporal.duration.minutes</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/months">temporal.duration.months</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/nanoseconds">temporal.duration.nanoseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/negated">temporal.duration.negated</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/round">temporal.duration.round</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/seconds">temporal.duration.seconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/sign">temporal.duration.sign</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/subtract">temporal.duration.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/tojson">temporal.duration.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/tolocalestring">temporal.duration.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/tostring">temporal.duration.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/total">temporal.duration.total</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/valueof">temporal.duration.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/weeks">temporal.duration.weeks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/with">temporal.duration.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/duration/years">temporal.duration.years</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Instant">Temporal.Instant</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/Instant">temporal.instant.Instant</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/add">temporal.instant.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/compare">temporal.instant.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/epochmicroseconds">temporal.instant.epochmicroseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/epochmilliseconds">temporal.instant.epochmilliseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/epochnanoseconds">temporal.instant.epochnanoseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/epochseconds">temporal.instant.epochseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/equals">temporal.instant.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/from">temporal.instant.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/fromepochmicroseconds">temporal.instant.fromepochmicroseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/fromepochmilliseconds">temporal.instant.fromepochmilliseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/fromepochnanoseconds">temporal.instant.fromepochnanoseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/fromepochseconds">temporal.instant.fromepochseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/round">temporal.instant.round</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/since">temporal.instant.since</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/subtract">temporal.instant.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/tojson">temporal.instant.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/tolocalestring">temporal.instant.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/tostring">temporal.instant.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/tozoneddatetime">temporal.instant.tozoneddatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/tozoneddatetimeiso">temporal.instant.tozoneddatetimeiso</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/until">temporal.instant.until</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/instant/valueof">temporal.instant.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/Now">Temporal.Now</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/instant">temporal.now.instant</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/plaindate">temporal.now.plaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/plaindateiso">temporal.now.plaindateiso</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/plaindatetime">temporal.now.plaindatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/plaindatetimeiso">temporal.now.plaindatetimeiso</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/timezone">temporal.now.timezone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/zoneddatetime">temporal.now.zoneddatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/now/zoneddatetimeiso">temporal.now.zoneddatetimeiso</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDate">Temporal.PlainDate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDate/PlainDate">Temporal.PlainDate.PlainDate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/add">temporal.plaindate.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/calendar">temporal.plaindate.calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/compare">temporal.plaindate.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/day">temporal.plaindate.day</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/dayofweek">temporal.plaindate.dayofweek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/dayofyear">temporal.plaindate.dayofyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/daysinmonth">temporal.plaindate.daysinmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/daysinweek">temporal.plaindate.daysinweek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/daysinyear">temporal.plaindate.daysinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/equals">temporal.plaindate.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/era">temporal.plaindate.era</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/erayear">temporal.plaindate.erayear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/from">temporal.plaindate.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/getisofields">temporal.plaindate.getisofields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/inleapyear">temporal.plaindate.inleapyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/month">temporal.plaindate.month</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/monthcode">temporal.plaindate.monthcode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/monthsinyear">temporal.plaindate.monthsinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/since">temporal.plaindate.since</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/subtract">temporal.plaindate.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/tojson">temporal.plaindate.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/tolocalestring">temporal.plaindate.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/toplaindatetime">temporal.plaindate.toplaindatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/toplainmonthday">temporal.plaindate.toplainmonthday</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/toplainyearmonth">temporal.plaindate.toplainyearmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/tostring">temporal.plaindate.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/tozoneddatetime">temporal.plaindate.tozoneddatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/until">temporal.plaindate.until</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/valueof">temporal.plaindate.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/weekofyear">temporal.plaindate.weekofyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/with">temporal.plaindate.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/withcalendar">temporal.plaindate.withcalendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindate/year">temporal.plaindate.year</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDateTime">Temporal.PlainDateTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDateTime/PlainDateTime">Temporal.PlainDateTime.PlainDateTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/add">temporal.plaindatetime.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/calendar">temporal.plaindatetime.calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/compare">temporal.plaindatetime.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/day">temporal.plaindatetime.day</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/dayofweek">temporal.plaindatetime.dayofweek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/dayofyear">temporal.plaindatetime.dayofyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/daysinmonth">temporal.plaindatetime.daysinmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/daysinweek">temporal.plaindatetime.daysinweek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/daysinyear">temporal.plaindatetime.daysinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/equals">temporal.plaindatetime.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/era">temporal.plaindatetime.era</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/erayear">temporal.plaindatetime.erayear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/from">temporal.plaindatetime.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/getisofields">temporal.plaindatetime.getisofields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/hour">temporal.plaindatetime.hour</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/inleapyear">temporal.plaindatetime.inleapyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/microsecond">temporal.plaindatetime.microsecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/millisecond">temporal.plaindatetime.millisecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/minute">temporal.plaindatetime.minute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/month">temporal.plaindatetime.month</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/monthcode">temporal.plaindatetime.monthcode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/monthsinyear">temporal.plaindatetime.monthsinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/nanosecond">temporal.plaindatetime.nanosecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/round">temporal.plaindatetime.round</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/second">temporal.plaindatetime.second</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/since">temporal.plaindatetime.since</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/subtract">temporal.plaindatetime.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/tojson">temporal.plaindatetime.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/tolocalestring">temporal.plaindatetime.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/toplaindate">temporal.plaindatetime.toplaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/toplainmonthday">temporal.plaindatetime.toplainmonthday</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/toplaintime">temporal.plaindatetime.toplaintime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/toplainyearmonth">temporal.plaindatetime.toplainyearmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/tostring">temporal.plaindatetime.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/tozoneddatetime">temporal.plaindatetime.tozoneddatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/until">temporal.plaindatetime.until</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/valueof">temporal.plaindatetime.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/weekofyear">temporal.plaindatetime.weekofyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/with">temporal.plaindatetime.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/withcalendar">temporal.plaindatetime.withcalendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/withplaindate">temporal.plaindatetime.withplaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/withplaintime">temporal.plaindatetime.withplaintime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaindatetime/year">temporal.plaindatetime.year</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainMonthDay">Temporal.PlainMonthDay</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainMonthDay/PlainMonthDay">Temporal.PlainMonthDay.PlainMonthDay</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/calendar">temporal.plainmonthday.calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/day">temporal.plainmonthday.day</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/equals">temporal.plainmonthday.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/from">temporal.plainmonthday.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/getisofields">temporal.plainmonthday.getisofields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/monthcode">temporal.plainmonthday.monthcode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/tojson">temporal.plainmonthday.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/tolocalestring">temporal.plainmonthday.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/toplaindate">temporal.plainmonthday.toplaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/tostring">temporal.plainmonthday.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/valueof">temporal.plainmonthday.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainmonthday/with">temporal.plainmonthday.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainTime">Temporal.PlainTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainTime/PlainTime">Temporal.PlainTime.PlainTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/add">temporal.plaintime.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/calendar">temporal.plaintime.calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/compare">temporal.plaintime.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/equals">temporal.plaintime.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/from">temporal.plaintime.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/getisofields">temporal.plaintime.getisofields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/hour">temporal.plaintime.hour</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/microsecond">temporal.plaintime.microsecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/millisecond">temporal.plaintime.millisecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/minute">temporal.plaintime.minute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/nanosecond">temporal.plaintime.nanosecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/round">temporal.plaintime.round</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/second">temporal.plaintime.second</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/since">temporal.plaintime.since</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/subtract">temporal.plaintime.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/tojson">temporal.plaintime.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/tolocalestring">temporal.plaintime.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/toplaindatetime">temporal.plaintime.toplaindatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/tostring">temporal.plaintime.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/tozoneddatetime">temporal.plaintime.tozoneddatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/until">temporal.plaintime.until</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/valueof">temporal.plaintime.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plaintime/with">temporal.plaintime.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainYearMonth">Temporal.PlainYearMonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainYearMonth/PlainYearMonth">Temporal.PlainYearMonth.PlainYearMonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/add">temporal.plainyearmonth.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/calendar">temporal.plainyearmonth.calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/compare">temporal.plainyearmonth.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/daysinmonth">temporal.plainyearmonth.daysinmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/daysinyear">temporal.plainyearmonth.daysinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/equals">temporal.plainyearmonth.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/era">temporal.plainyearmonth.era</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/erayear">temporal.plainyearmonth.erayear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/from">temporal.plainyearmonth.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/getisofields">temporal.plainyearmonth.getisofields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/inleapyear">temporal.plainyearmonth.inleapyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/month">temporal.plainyearmonth.month</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/monthcode">temporal.plainyearmonth.monthcode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/monthsinyear">temporal.plainyearmonth.monthsinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/since">temporal.plainyearmonth.since</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/subtract">temporal.plainyearmonth.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/tojson">temporal.plainyearmonth.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/tolocalestring">temporal.plainyearmonth.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/toplaindate">temporal.plainyearmonth.toplaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/tostring">temporal.plainyearmonth.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/until">temporal.plainyearmonth.until</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/valueof">temporal.plainyearmonth.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/with">temporal.plainyearmonth.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/plainyearmonth/year">temporal.plainyearmonth.year</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/TimeZone">Temporal.TimeZone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/TimeZone/TimeZone">Temporal.TimeZone.TimeZone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/from">temporal.timezone.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getinstantfor">temporal.timezone.getinstantfor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getnexttransition">temporal.timezone.getnexttransition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getoffsetnanosecondsfor">temporal.timezone.getoffsetnanosecondsfor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getoffsetstringfor">temporal.timezone.getoffsetstringfor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getplaindatetimefor">temporal.timezone.getplaindatetimefor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getpossibleinstantsfor">temporal.timezone.getpossibleinstantsfor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/getprevioustransition">temporal.timezone.getprevioustransition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/id">temporal.timezone.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/tojson">temporal.timezone.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/timezone/tostring">temporal.timezone.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/ZonedDateTime">Temporal.ZonedDateTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Temporal/ZonedDateTime/ZonedDateTime">Temporal.ZonedDateTime.ZonedDateTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/add">temporal.zoneddatetime.add</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/calendar">temporal.zoneddatetime.calendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/compare">temporal.zoneddatetime.compare</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/day">temporal.zoneddatetime.day</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/dayofweek">temporal.zoneddatetime.dayofweek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/dayofyear">temporal.zoneddatetime.dayofyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/daysinmonth">temporal.zoneddatetime.daysinmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/daysinweek">temporal.zoneddatetime.daysinweek</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/daysinyear">temporal.zoneddatetime.daysinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/epochmicroseconds">temporal.zoneddatetime.epochmicroseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/epochmilliseconds">temporal.zoneddatetime.epochmilliseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/epochnanoseconds">temporal.zoneddatetime.epochnanoseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/epochseconds">temporal.zoneddatetime.epochseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/equals">temporal.zoneddatetime.equals</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/era">temporal.zoneddatetime.era</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/erayear">temporal.zoneddatetime.erayear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/from">temporal.zoneddatetime.from</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/getisofields">temporal.zoneddatetime.getisofields</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/hour">temporal.zoneddatetime.hour</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/hoursinday">temporal.zoneddatetime.hoursinday</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/inleapyear">temporal.zoneddatetime.inleapyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/microsecond">temporal.zoneddatetime.microsecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/millisecond">temporal.zoneddatetime.millisecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/minute">temporal.zoneddatetime.minute</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/month">temporal.zoneddatetime.month</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/monthcode">temporal.zoneddatetime.monthcode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/monthsinyear">temporal.zoneddatetime.monthsinyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/nanosecond">temporal.zoneddatetime.nanosecond</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/offset">temporal.zoneddatetime.offset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/offsetnanoseconds">temporal.zoneddatetime.offsetnanoseconds</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/round">temporal.zoneddatetime.round</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/second">temporal.zoneddatetime.second</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/since">temporal.zoneddatetime.since</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/startofday">temporal.zoneddatetime.startofday</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/subtract">temporal.zoneddatetime.subtract</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/timezone">temporal.zoneddatetime.timezone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/toinstant">temporal.zoneddatetime.toinstant</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/tojson">temporal.zoneddatetime.tojson</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/tolocalestring">temporal.zoneddatetime.tolocalestring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/toplaindate">temporal.zoneddatetime.toplaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/toplaindatetime">temporal.zoneddatetime.toplaindatetime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/toplainmonthday">temporal.zoneddatetime.toplainmonthday</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/toplaintime">temporal.zoneddatetime.toplaintime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/toplainyearmonth">temporal.zoneddatetime.toplainyearmonth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/tostring">temporal.zoneddatetime.tostring</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/until">temporal.zoneddatetime.until</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/valueof">temporal.zoneddatetime.valueof</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/weekofyear">temporal.zoneddatetime.weekofyear</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/with">temporal.zoneddatetime.with</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/withcalendar">temporal.zoneddatetime.withcalendar</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/withplaindate">temporal.zoneddatetime.withplaindate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/withplaintime">temporal.zoneddatetime.withplaintime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/withtimezone">temporal.zoneddatetime.withtimezone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/web/javascript/reference/global_objects/temporal/zoneddatetime/year">temporal.zoneddatetime.year</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/proposal-temporal/">https://tc39.es/proposal-temporal/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Temporal">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Temporal+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Temporal">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Temporal+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Temporal">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Temporal+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal.json">javascript.builtins.Temporal</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.Calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.dateAdd</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.dateFromFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.dateUntil</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.day</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.dayOfWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.dayOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.daysInMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.daysInWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.daysInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.era</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.eraYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.fields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.inLeapYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.mergeFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.month</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.monthCode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.monthDayFromFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.monthsInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.weekOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.year</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Calendar.json">javascript.builtins.Temporal.Calendar.yearMonthFromFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.Duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.abs</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.blank</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.days</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.hours</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.microseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.milliseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.minutes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.months</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.nanoseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.negated</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.round</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.seconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.sign</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.total</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.weeks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Duration.json">javascript.builtins.Temporal.Duration.years</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.Instant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.epochMicroseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.epochMilliseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.epochNanoseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.epochSeconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.fromEpochMicroseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.fromEpochMilliseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.fromEpochNanoseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.fromEpochSeconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.round</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.since</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.toZonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.toZonedDateTimeISO</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.until</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Instant.json">javascript.builtins.Temporal.Instant.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.instant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.plainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.plainDateISO</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.plainDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.plainDateTimeISO</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.timeZone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.zonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/Now.json">javascript.builtins.Temporal.Now.zonedDateTimeISO</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.PlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.day</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.dayOfWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.dayOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.daysInMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.daysInWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.daysInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.era</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.eraYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.getISOFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.inLeapYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.month</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.monthCode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.monthsInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.since</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toPlainDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toPlainMonthDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toPlainYearMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.toZonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.until</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.weekOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.withCalendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDate.json">javascript.builtins.Temporal.PlainDate.year</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.PlainDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.day</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.dayOfWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.dayOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.daysInMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.daysInWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.daysInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.era</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.eraYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.getISOFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.hour</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.inLeapYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.microsecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.millisecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.minute</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.month</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.monthCode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.monthsInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.nanosecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.round</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.second</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.since</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toPlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toPlainMonthDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toPlainTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toPlainYearMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.toZonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.until</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.weekOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.withCalendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.withPlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.withPlainTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainDateTime.json">javascript.builtins.Temporal.PlainDateTime.year</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.PlainMonthDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.day</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.getISOFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.monthCode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.toPlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainMonthDay.json">javascript.builtins.Temporal.PlainMonthDay.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.PlainTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.getISOFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.hour</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.microsecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.millisecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.minute</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.nanosecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.round</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.second</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.since</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.toPlainDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.toZonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.until</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainTime.json">javascript.builtins.Temporal.PlainTime.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.PlainYearMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.daysInMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.daysInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.era</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.eraYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.getISOFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.inLeapYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.month</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.monthCode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.monthsInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.since</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.toPlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.until</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/PlainYearMonth.json">javascript.builtins.Temporal.PlainYearMonth.year</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.TimeZone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getInstantFor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getNextTransition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getOffsetNanosecondsFor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getOffsetStringFor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getPlainDateTimeFor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getPossibleInstantsFor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.getPreviousTransition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/TimeZone.json">javascript.builtins.Temporal.TimeZone.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.ZonedDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.add</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.calendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.compare</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.day</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.dayOfWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.dayOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.daysInMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.daysInWeek</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.daysInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.epochMicroseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.epochMilliseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.epochNanoseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.epochSeconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.equals</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.era</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.eraYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.from</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.getISOFields</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.hour</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.hoursInDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.inLeapYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.microsecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.millisecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.minute</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.month</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.monthCode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.monthsInYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.nanosecond</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.offset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.offsetNanoseconds</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.round</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.second</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.since</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.startOfDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.subtract</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.timeZone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toInstant</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toPlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toPlainDateTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toPlainMonthDay</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toPlainTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toPlainYearMonth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.until</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.valueOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.weekOfYear</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.with</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.withCalendar</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.withPlainDate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.withPlainTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.withTimeZone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Temporal/ZonedDateTime.json">javascript.builtins.Temporal.ZonedDateTime.year</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/text-indent/index.html b/docs/features/text-indent/index.html
new file mode 100644
index 0000000000..2c7a48af3e
--- /dev/null
+++ b/docs/features/text-indent/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>text-indent</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="text-indent" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>text-indent</h1>
+  <p>The <code>text-indent</code> CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/css-text-indent">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/text-indent">text-indent property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-text-3/#text-indent-property">https://drafts.csswg.org/css-text-3/#text-indent-property</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#text-indent">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-indent+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=text-indent">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-indent+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=text-indent">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-indent+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/text-indent.json">css.properties.text-indent</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/text-spacing-trim/index.html b/docs/features/text-spacing-trim/index.html
new file mode 100644
index 0000000000..92ce80518b
--- /dev/null
+++ b/docs/features/text-spacing-trim/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>text-spacing-trim</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="text-spacing-trim" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>text-spacing-trim</h1>
+  <p>The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-text-4/#text-spacing-trim-property">https://drafts.csswg.org/css-text-4/#text-spacing-trim-property</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#text-spacing-trim">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-spacing-trim+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=text-spacing-trim">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-spacing-trim+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=text-spacing-trim">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-spacing-trim+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/text-spacing-trim.json">css.properties.text-spacing-trim</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/text-wrap-balance/index.html b/docs/features/text-wrap-balance/index.html
new file mode 100644
index 0000000000..94e8a6a713
--- /dev/null
+++ b/docs/features/text-wrap-balance/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>text-wrap: balance</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="text-wrap-balance" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+  
+  <h1>text-wrap: balance</h1>
+  <p>The <code>text-wrap: balance</code> CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/text-wrap#balance">text-wrap: balance; declaration</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance">https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#text-wrap: balance">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: balance+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=text-wrap: balance">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: balance+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=text-wrap: balance">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: balance+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/text-wrap.json">css.properties.text-wrap.balance</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/text-wrap-nowrap/index.html b/docs/features/text-wrap-nowrap/index.html
new file mode 100644
index 0000000000..788e3d5f34
--- /dev/null
+++ b/docs/features/text-wrap-nowrap/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>text-wrap: nowrap</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="text-wrap-nowrap" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+  
+  <h1>text-wrap: nowrap</h1>
+  <p>The <code>text-wrap: nowrap</code> CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/text-wrap#nowrap">text-wrap: nowrap; declaration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/text-wrap#wrap">text-wrap: wrap; declaration</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-mode-nowrap">https://drafts.csswg.org/css-text-4/#valdef-text-wrap-mode-nowrap</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#text-wrap: nowrap">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: nowrap+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=text-wrap: nowrap">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: nowrap+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=text-wrap: nowrap">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: nowrap+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/text-wrap.json">css.properties.text-wrap.nowrap</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/text-wrap.json">css.properties.text-wrap.wrap</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/text-wrap-pretty/index.html b/docs/features/text-wrap-pretty/index.html
new file mode 100644
index 0000000000..777e94b09f
--- /dev/null
+++ b/docs/features/text-wrap-pretty/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>text-wrap: pretty</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="text-wrap-pretty" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>text-wrap: pretty</h1>
+  <p>The <code>text-wrap: pretty</code> CSS declaration prioritizes better layout over speed when text is broken into multiple lines.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/text-wrap#pretty">text-wrap: pretty; declaration</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-pretty">https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-pretty</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#text-wrap: pretty">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: pretty+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=text-wrap: pretty">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: pretty+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=text-wrap: pretty">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement text-wrap: pretty+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/text-wrap.json">css.properties.text-wrap.pretty</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/transferable-arraybuffer/index.html b/docs/features/transferable-arraybuffer/index.html
new file mode 100644
index 0000000000..5add5c878a
--- /dev/null
+++ b/docs/features/transferable-arraybuffer/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Transferable ArrayBuffer</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="transferable-arraybuffer" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+  
+  <h1>Transferable ArrayBuffer</h1>
+  <p>The <code>transfer()</code> and <code>transferToFixedLength()</code> methods of <code>ArrayBuffer</code> move a buffer from one context to another (for example, to a worker).</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/transfer">ArrayBuffer.transfer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/transferToFixedLength">ArrayBuffer.transferToFixedLength</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/detached">ArrayBuffer.detached</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfer">https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfer</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Transferable ArrayBuffer">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Transferable ArrayBuffer+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Transferable ArrayBuffer">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Transferable ArrayBuffer+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Transferable ArrayBuffer">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Transferable ArrayBuffer+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/ArrayBuffer.json">javascript.builtins.ArrayBuffer.transfer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/ArrayBuffer.json">javascript.builtins.ArrayBuffer.transferToFixedLength</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/ArrayBuffer.json">javascript.builtins.ArrayBuffer.detached</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/transforms2d/index.html b/docs/features/transforms2d/index.html
new file mode 100644
index 0000000000..e43a6f4558
--- /dev/null
+++ b/docs/features/transforms2d/index.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2D transforms</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="transforms2d" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+  
+  <h1>2D transforms</h1>
+  <p>The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/transforms2d">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform">transform property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-origin">transform-origin property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function">transform-function property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix">matrix() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate">rotate() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/scale">scale() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleX">scaleX() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleY">scaleY() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/skew">skew() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/skewX">skewX() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY">skewY() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/translate">translate() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/translateX">translateX() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/translateY">translateY() function</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-transforms-1/">https://drafts.csswg.org/css-transforms-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#2D transforms">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement 2D transforms+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=2D transforms">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement 2D transforms+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=2D transforms">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement 2D transforms+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/transform.json">css.properties.transform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/transform-origin.json">css.properties.transform-origin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.matrix</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.rotate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.scale</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.scaleX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.scaleY</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.skew</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.skewX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.skewY</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.translate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.translateX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.translateY</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/transforms3d/index.html b/docs/features/transforms3d/index.html
new file mode 100644
index 0000000000..98db17cf50
--- /dev/null
+++ b/docs/features/transforms3d/index.html
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>3D transforms</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="transforms3d" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>3D transforms</h1>
+  <p>The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/transforms3d">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/backface-visibility">backface-visibility property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/perspective">perspective property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/perspective-origin">perspective-origin property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-style">transform-style property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix3d">matrix3d() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective">perspective() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate3d">rotate3d() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateX">rotateX() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateY">rotateY() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ">rotateZ() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/scale3d">scale3d() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleZ">scaleZ() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/translate3d">translate3d() function</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transform-function/translateZ">translateZ() function</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-transforms-2/">https://drafts.csswg.org/css-transforms-2/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#3D transforms">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement 3D transforms+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=3D transforms">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement 3D transforms+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=3D transforms">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement 3D transforms+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/backface-visibility.json">css.properties.backface-visibility</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective.json">css.properties.perspective</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective.json">css.properties.perspective.none</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective-origin.json">css.properties.perspective-origin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective-origin.json">css.properties.perspective-origin.bottom</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective-origin.json">css.properties.perspective-origin.center</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective-origin.json">css.properties.perspective-origin.left</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective-origin.json">css.properties.perspective-origin.right</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/perspective-origin.json">css.properties.perspective-origin.top</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/transform.json">css.properties.transform.3d</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/transform-style.json">css.properties.transform-style</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.matrix3d</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.perspective</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.rotate3d</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.rotateX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.rotateY</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.rotateZ</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.scale3d</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.scaleZ</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.translate3d</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/transform-function.json">css.types.transform-function.translateZ</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/transition-behavior/index.html b/docs/features/transition-behavior/index.html
new file mode 100644
index 0000000000..8ec8acc35b
--- /dev/null
+++ b/docs/features/transition-behavior/index.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>transition-behavior</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="transition-behavior" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>transition-behavior</h1>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/transition-behavior">transition-behavior property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-transitions-2/#transition-behavior-property">https://drafts.csswg.org/css-transitions-2/#transition-behavior-property</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#transition-behavior">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement transition-behavior+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=transition-behavior">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement transition-behavior+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=transition-behavior">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement transition-behavior+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/transition-behavior.json">css.properties.transition-behavior</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/translate/index.html b/docs/features/translate/index.html
new file mode 100644
index 0000000000..6864abc1d3
--- /dev/null
+++ b/docs/features/translate/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>translate attribute</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="translate" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+  
+  <h1>translate attribute</h1>
+  <p>The <code>translate</code> HTML attribute marks whether an element's text should be translated.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2012-05-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="html">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTML/Global_attributes/translate">translate global attribute</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HTMLElement/translate">HTMLElement.translate</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/dom.html#attr-translate">https://html.spec.whatwg.org/multipage/dom.html#attr-translate</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#translate attribute">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement translate attribute+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=translate attribute">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement translate attribute+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=translate attribute">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement translate attribute+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/html/global_attributes.json">html.global_attributes.translate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HTMLElement.json">api.HTMLElement.translate</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/trig-functions/index.html b/docs/features/trig-functions/index.html
new file mode 100644
index 0000000000..e609bdef9a
--- /dev/null
+++ b/docs/features/trig-functions/index.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>sin(), cos(), tan(), asin(), acos(), atan(), and atan2()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="trig-functions" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+  
+  <h1>sin(), cos(), tan(), asin(), acos(), atan(), and atan2()</h1>
+  <p>The <code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, and <code>atan2()</code> CSS functions compute various trigonometric functions.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/acos">acos property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/asin">asin property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/atan">atan property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/atan2">atan2 property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/cos">cos property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/sin">sin property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/tan">tan property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#trig-funcs">https://drafts.csswg.org/css-values-4/#trig-funcs</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#sin(), cos(), tan(), asin(), acos(), atan(), and atan2()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement sin(), cos(), tan(), asin(), acos(), atan(), and atan2()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=sin(), cos(), tan(), asin(), acos(), atan(), and atan2()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement sin(), cos(), tan(), asin(), acos(), atan(), and atan2()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=sin(), cos(), tan(), asin(), acos(), atan(), and atan2()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement sin(), cos(), tan(), asin(), acos(), atan(), and atan2()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/acos.json">css.types.acos</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/asin.json">css.types.asin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/atan.json">css.types.atan</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/atan2.json">css.types.atan2</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/cos.json">css.types.cos</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/sin.json">css.types.sin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/tan.json">css.types.tan</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/trusted-types/index.html b/docs/features/trusted-types/index.html
new file mode 100644
index 0000000000..7129d9286f
--- /dev/null
+++ b/docs/features/trusted-types/index.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Trusted types</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="trusted-types" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Trusted types</h1>
+  <p>Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/trusted-types">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedHTML">TrustedHTML</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedHTML/toString">TrustedHTML.toString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedScript">TrustedScript</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedScript/toString">TrustedScript.toString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedScriptURL">TrustedScriptURL</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedScriptURL/toString">TrustedScriptURL.toString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicy">TrustedTypePolicy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicy/createHTML">TrustedTypePolicy.createHTML</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicy/createScript">TrustedTypePolicy.createScript</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicy/createScriptURL">TrustedTypePolicy.createScriptURL</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicy/name">TrustedTypePolicy.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory">TrustedTypePolicyFactory</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/createPolicy">TrustedTypePolicyFactory.createPolicy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/defaultPolicy">TrustedTypePolicyFactory.defaultPolicy</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/emptyHTML">TrustedTypePolicyFactory.emptyHTML</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/emptyScript">TrustedTypePolicyFactory.emptyScript</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/getAttributeType">TrustedTypePolicyFactory.getAttributeType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/getPropertyType">TrustedTypePolicyFactory.getPropertyType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/isHTML">TrustedTypePolicyFactory.isHTML</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/isScript">TrustedTypePolicyFactory.isScript</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/TrustedTypePolicyFactory/isScriptURL">TrustedTypePolicyFactory.isScriptURL</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/trustedTypes">trustedTypes</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Security-Policy/require-trusted-types-for">Headers/Content-Security-Policy/require-trusted-types-for</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types">Headers/Content-Security-Policy/trusted-types</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/trusted-types/dist/spec/">https://w3c.github.io/trusted-types/dist/spec/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Trusted types">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Trusted types+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Trusted types">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Trusted types+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Trusted types">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Trusted types+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedHTML.json">api.TrustedHTML</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedHTML.json">api.TrustedHTML.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedScript.json">api.TrustedScript</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedScript.json">api.TrustedScript.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedScriptURL.json">api.TrustedScriptURL</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedScriptURL.json">api.TrustedScriptURL.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicy.json">api.TrustedTypePolicy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicy.json">api.TrustedTypePolicy.createHTML</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicy.json">api.TrustedTypePolicy.createScript</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicy.json">api.TrustedTypePolicy.createScriptURL</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicy.json">api.TrustedTypePolicy.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.createPolicy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.defaultPolicy</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.emptyHTML</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.emptyScript</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.getAttributeType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.getPropertyType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.isHTML</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.isScript</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/TrustedTypePolicyFactory.json">api.TrustedTypePolicyFactory.isScriptURL</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/_globals/trustedTypes.json">api.trustedTypes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Content-Security-Policy.json">http.headers.Content-Security-Policy.require-trusted-types-for</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Content-Security-Policy.json">http.headers.Content-Security-Policy.trusted-types</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/two-value-display/index.html b/docs/features/two-value-display/index.html
new file mode 100644
index 0000000000..b8d895d398
--- /dev/null
+++ b/docs/features/two-value-display/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Two-value display property</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="two-value-display" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-21 (baseline low)
+  
+</div>
+  
+  <h1>Two-value display property</h1>
+  <p>The <code>display</code> CSS property accepts multiple keyword values, such as <code>inline flex</code> or <code>block flow</code>, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2019-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-display-3/#the-display-properties">https://drafts.csswg.org/css-display-3/#the-display-properties</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Two-value display property">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Two-value display property+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Two-value display property">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Two-value display property+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Two-value display property">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Two-value display property+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/display.json">css.properties.display.multi-keyword_values</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/typed-array-iteration-methods/index.html b/docs/features/typed-array-iteration-methods/index.html
new file mode 100644
index 0000000000..6be6ed7cef
--- /dev/null
+++ b/docs/features/typed-array-iteration-methods/index.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Typed array iteration methods</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="typed-array-iteration-methods" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-09-21 (baseline high)
+</div>
+  
+  <h1>Typed array iteration methods</h1>
+  <p>Typed array iteration methods</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/every">TypedArray.every</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/filter">TypedArray.filter</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/forEach">TypedArray.forEach</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/indexOf">TypedArray.indexOf</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/lastIndexOf">TypedArray.lastIndexOf</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/map">TypedArray.map</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/reduce">TypedArray.reduce</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/reduceRight">TypedArray.reduceRight</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/some">TypedArray.some</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.every">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.every</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.filter">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.filter</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.foreach">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.foreach</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.indexof">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.indexof</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.lastindexof">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.lastindexof</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.map">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.map</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.reduce">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.reduce</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.reduceright">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.reduceright</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.some">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.some</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Typed array iteration methods">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed array iteration methods+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Typed array iteration methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed array iteration methods+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Typed array iteration methods">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed array iteration methods+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.every</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.filter</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.indexOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.lastIndexOf</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.map</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.reduce</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.reduceRight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.some</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/typed-array-iterators/index.html b/docs/features/typed-array-iterators/index.html
new file mode 100644
index 0000000000..2b3d0c13a3
--- /dev/null
+++ b/docs/features/typed-array-iterators/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Typed array iterators</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="typed-array-iterators" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+  
+  <h1>Typed array iterators</h1>
+  <p>Typed arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/@@iterator">TypedArray.@@iterator</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/entries">TypedArray.entries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/keys">TypedArray.keys</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/values">TypedArray.values</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype-@@iterator">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype-@@iterator</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.entries">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.entries</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.keys">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.keys</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.values">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.values</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Typed array iterators">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed array iterators+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Typed array iterators">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed array iterators+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Typed array iterators">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed array iterators+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.values</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/typed-arrays/index.html b/docs/features/typed-arrays/index.html
new file mode 100644
index 0000000000..1bd0482a1f
--- /dev/null
+++ b/docs/features/typed-arrays/index.html
@@ -0,0 +1,364 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Typed arrays (initial support)</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="typed-arrays" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>Typed arrays (initial support)</h1>
+  <p>Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/typedarrays">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2010-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5.1</span>
+        <span class="date">Released on 2011-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="javascript">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Float32Array">Float32Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Float32Array/Float32Array">Float32Array.Float32Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Float64Array">Float64Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Float64Array/Float64Array">Float64Array.Float64Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Int16Array">Int16Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Int16Array/Int16Array">Int16Array.Int16Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Int32Array">Int32Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Int32Array/Int32Array">Int32Array.Int32Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Int8Array">Int8Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Int8Array/Int8Array">Int8Array.Int8Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray">TypedArray global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/BYTES_PER_ELEMENT">TypedArray.BYTES_PER_ELEMENT</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/buffer">TypedArray.buffer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/byteLength">TypedArray.byteLength</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/byteOffset">TypedArray.byteOffset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/join">TypedArray.join</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/length">TypedArray.length</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/name">TypedArray.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/reverse">TypedArray.reverse</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set">TypedArray.set</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/slice">TypedArray.slice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/sort">TypedArray.sort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/subarray">TypedArray.subarray</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/toLocaleString">TypedArray.toLocaleString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/toString">TypedArray.toString</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint16Array">Uint16Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint16Array/Uint16Array">Uint16Array.Uint16Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint32Array">Uint32Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint32Array/Uint32Array">Uint32Array.Uint32Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array">Uint8Array global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array/Uint8Array">Uint8Array.Uint8Array</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray">Uint8ClampedArray global object</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray/Uint8ClampedArray">Uint8ClampedArray.Uint8ClampedArray</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#table-49">https://tc39.es/ecma262/multipage/indexed-collections.html#table-49</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-typedarray-constructors">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-typedarray-constructors</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-typedarray-objects">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-typedarray-objects</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-typedarray.bytes_per_element">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-typedarray.bytes_per_element</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.buffer">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.buffer</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.bytelength">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.bytelength</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.byteoffset">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.byteoffset</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.join">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.join</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.length">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-get-%25typedarray%25.prototype.length</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-properties-of-the-typedarray-constructors">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-properties-of-the-typedarray-constructors</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.reverse">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.reverse</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.set">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.set</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.slice">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.slice</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.sort">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.sort</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.subarray">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.subarray</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.tolocalestring">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.tolocalestring</a></li>
+      
+        <li class="link-list-item"><a href="https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.tostring">https://tc39.es/ecma262/multipage/indexed-collections.html#sec-%25typedarray%25.prototype.tostring</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Typed arrays (initial support)">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed arrays (initial support)+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Typed arrays (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed arrays (initial support)+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Typed arrays (initial support)">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Typed arrays (initial support)+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float32Array.json">javascript.builtins.Float32Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float32Array.json">javascript.builtins.Float32Array.Float32Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float32Array.json">javascript.builtins.Float32Array.Float32Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float32Array.json">javascript.builtins.Float32Array.Float32Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float64Array.json">javascript.builtins.Float64Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float64Array.json">javascript.builtins.Float64Array.Float64Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float64Array.json">javascript.builtins.Float64Array.Float64Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Float64Array.json">javascript.builtins.Float64Array.Float64Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int16Array.json">javascript.builtins.Int16Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int16Array.json">javascript.builtins.Int16Array.Int16Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int16Array.json">javascript.builtins.Int16Array.Int16Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int32Array.json">javascript.builtins.Int32Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int32Array.json">javascript.builtins.Int32Array.Int32Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int32Array.json">javascript.builtins.Int32Array.Int32Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int32Array.json">javascript.builtins.Int32Array.Int32Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int8Array.json">javascript.builtins.Int8Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int8Array.json">javascript.builtins.Int8Array.Int8Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int8Array.json">javascript.builtins.Int8Array.Int8Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Int8Array.json">javascript.builtins.Int8Array.Int8Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.BYTES_PER_ELEMENT</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.buffer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.byteLength</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.byteOffset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.join</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.length</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.named_properties</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.reverse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.set</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.slice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.sort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.subarray</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.toLocaleString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/TypedArray.json">javascript.builtins.TypedArray.toString</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint16Array.json">javascript.builtins.Uint16Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint16Array.json">javascript.builtins.Uint16Array.Uint16Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint16Array.json">javascript.builtins.Uint16Array.Uint16Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint16Array.json">javascript.builtins.Uint16Array.Uint16Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint32Array.json">javascript.builtins.Uint32Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint32Array.json">javascript.builtins.Uint32Array.Uint32Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint32Array.json">javascript.builtins.Uint32Array.Uint32Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint32Array.json">javascript.builtins.Uint32Array.Uint32Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8Array.json">javascript.builtins.Uint8Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8Array.json">javascript.builtins.Uint8Array.Uint8Array</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8Array.json">javascript.builtins.Uint8Array.Uint8Array.constructor_without_parameters</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8Array.json">javascript.builtins.Uint8Array.Uint8Array.iterable_allowed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8ClampedArray.json">javascript.builtins.Uint8ClampedArray</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8ClampedArray.json">javascript.builtins.Uint8ClampedArray.Uint8ClampedArray</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/javascript/builtins/Uint8ClampedArray.json">javascript.builtins.Uint8ClampedArray.Uint8ClampedArray.iterable_allowed</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/url-canparse/index.html b/docs/features/url-canparse/index.html
new file mode 100644
index 0000000000..a1f4476344
--- /dev/null
+++ b/docs/features/url-canparse/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>URL.canParse()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="url-canparse" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+  
+  <h1>URL.canParse()</h1>
+  <p>The <code>URL.canParse()</code> static method checks whether a URL can be parsed into a valid <code>URL</code> object. It's an alternative to calling <code>new URL()</code> in a <code>try…catch</code> statement.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/URL/canParse_static">URL.canParse_static</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://url.spec.whatwg.org/#dom-url-canparse">https://url.spec.whatwg.org/#dom-url-canparse</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#URL.canParse()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement URL.canParse()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=URL.canParse()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement URL.canParse()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=URL.canParse()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement URL.canParse()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/URL.json">api.URL.canParse_static</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/user-activation/index.html b/docs/features/user-activation/index.html
new file mode 100644
index 0000000000..c09c21ebc4
--- /dev/null
+++ b/docs/features/user-activation/index.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>User activation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="user-activation" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+  
+  <h1>User activation</h1>
+  <p>The <code>navigator.userActivation</code> API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/userActivation">Navigator.userActivation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/UserActivation">UserActivation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/UserActivation/hasBeenActive">UserActivation.hasBeenActive</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/UserActivation/hasBeenActive">UserActivation.hasBeenActive</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://html.spec.whatwg.org/multipage/interaction.html#the-useractivation-interface">https://html.spec.whatwg.org/multipage/interaction.html#the-useractivation-interface</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#User activation">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement User activation+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=User activation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement User activation+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=User activation">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement User activation+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.userActivation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/UserActivation.json">api.UserActivation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/UserActivation.json">api.UserActivation.hasBeenActive</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/UserActivation.json">api.UserActivation.isActive</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/user-pseudos/index.html b/docs/features/user-pseudos/index.html
new file mode 100644
index 0000000000..4408c7430b
--- /dev/null
+++ b/docs/features/user-pseudos/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:user-valid and :user-invalid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="user-pseudos" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-02 (baseline low)
+  
+</div>
+  
+  <h1>:user-valid and :user-invalid</h1>
+  <p>The <code>:user-valid</code> and <code>:user-invalid</code> pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:user-invalid">:user-invalid pseudo-class</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:user-valid">:user-valid pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#user-pseudos">https://drafts.csswg.org/selectors-4/#user-pseudos</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:user-valid and :user-invalid">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :user-valid and :user-invalid+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:user-valid and :user-invalid">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :user-valid and :user-invalid+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:user-valid and :user-invalid">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :user-valid and :user-invalid+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/user-invalid.json">css.selectors.user-invalid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/user-valid.json">css.selectors.user-valid</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/view-transitions/index.html b/docs/features/view-transitions/index.html
new file mode 100644
index 0000000000..d39e848796
--- /dev/null
+++ b/docs/features/view-transitions/index.html
@@ -0,0 +1,230 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>View transitions</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="view-transitions" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>View transitions</h1>
+  <p>View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/view-transitions">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/startViewTransition">Document.startViewTransition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTransition">ViewTransition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTransition/finished">ViewTransition.finished</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTransition/ready">ViewTransition.ready</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTransition/skipTransition">ViewTransition.skipTransition</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ViewTransition/updateCallbackDone">ViewTransition.updateCallbackDone</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/view-transition-name">view-transition-name property</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::view-transition">::view-transition pseudo-element</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::view-transition-group">::view-transition-group pseudo-element</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::view-transition-image-pair">::view-transition-image-pair pseudo-element</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::view-transition-new">::view-transition-new pseudo-element</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/::view-transition-old">::view-transition-old pseudo-element</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-view-transitions-1/">https://drafts.csswg.org/css-view-transitions-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#View transitions">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement View transitions+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=View transitions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement View transitions+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=View transitions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement View transitions+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.startViewTransition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTransition.json">api.ViewTransition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTransition.json">api.ViewTransition.finished</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTransition.json">api.ViewTransition.ready</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTransition.json">api.ViewTransition.skipTransition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ViewTransition.json">api.ViewTransition.updateCallbackDone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/view-transition-name.json">css.properties.view-transition-name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/view-transition.json">css.selectors.view-transition</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/view-transition-group.json">css.selectors.view-transition-group</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/view-transition-image-pair.json">css.selectors.view-transition-image-pair</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/view-transition-new.json">css.selectors.view-transition-new</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/view-transition-old.json">css.selectors.view-transition-old</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/viewport-unit-variants/index.html b/docs/features/viewport-unit-variants/index.html
new file mode 100644
index 0000000000..df36e6d82b
--- /dev/null
+++ b/docs/features/viewport-unit-variants/index.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Small, large, and dynamic viewport units</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="viewport-unit-variants" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-05 (baseline low)
+  
+</div>
+  
+  <h1>Small, large, and dynamic viewport units</h1>
+  <p>The <code>sv*</code>, <code>lv*</code>, and <code>dv*</code> CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/viewport-unit-variants">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#viewport-variants">https://drafts.csswg.org/css-values-4/#viewport-variants</a></li>
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#viewport-relative-lengths">https://drafts.csswg.org/css-values-4/#viewport-relative-lengths</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Small, large, and dynamic viewport units">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Small, large, and dynamic viewport units+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Small, large, and dynamic viewport units">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Small, large, and dynamic viewport units+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Small, large, and dynamic viewport units">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Small, large, and dynamic viewport units+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.vb</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.vi</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.viewport_percentage_units_dynamic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.viewport_percentage_units_large</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.viewport_percentage_units_small</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/viewport-units/index.html b/docs/features/viewport-units/index.html
new file mode 100644
index 0000000000..b9437ad51b
--- /dev/null
+++ b/docs/features/viewport-units/index.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Viewport units</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="viewport-units" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-04-17 (baseline high)
+</div>
+  
+  <h1>Viewport units</h1>
+  <p>The <code>vw</code>, <code>vh</code>, <code>vmin</code>, and <code>vmax</code> CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/viewport-units">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-values-4/#viewport-relative-lengths">https://drafts.csswg.org/css-values-4/#viewport-relative-lengths</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Viewport units">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Viewport units+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Viewport units">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Viewport units+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Viewport units">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Viewport units+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.vh</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.vmax</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.vmin</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/types/length.json">css.types.length.vw</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/visual-viewport/index.html b/docs/features/visual-viewport/index.html
new file mode 100644
index 0000000000..84f1ca305a
--- /dev/null
+++ b/docs/features/visual-viewport/index.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Visual viewport API</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="visual-viewport" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-02-10 (baseline high)
+</div>
+  
+  <h1>Visual viewport API</h1>
+  <p>The <code>visualViewport</code> API provides a way to query and modify the user-visible viewport of a web page.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-08-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport">VisualViewport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/height">VisualViewport.height</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/offsetLeft">VisualViewport.offsetLeft</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/offsetTop">VisualViewport.offsetTop</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/pageLeft">VisualViewport.pageLeft</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/pageTop">VisualViewport.pageTop</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/scale">VisualViewport.scale</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VisualViewport/width">VisualViewport.width</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Window/visualViewport">Window.visualViewport</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/cssom-view-1/#visualViewport">https://drafts.csswg.org/cssom-view-1/#visualViewport</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Visual viewport API">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Visual viewport API+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Visual viewport API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Visual viewport API+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Visual viewport API">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Visual viewport API+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.height</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.offsetLeft</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.offsetTop</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.pageLeft</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.pageTop</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.scale</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VisualViewport.json">api.VisualViewport.width</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Window.json">api.Window.visualViewport</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/wasm-simd/index.html b/docs/features/wasm-simd/index.html
new file mode 100644
index 0000000000..4ffb7aabaf
--- /dev/null
+++ b/docs/features/wasm-simd/index.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebAssembly SIMD</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="wasm-simd" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+  
+  <h1>WebAssembly SIMD</h1>
+  <p>The 128-bit SIMD (Single Instruction Multiple Data) extension to WebAssembly performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/wasm-simd">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://webassembly.github.io/spec/core/bikeshed/#vector-instructions">https://webassembly.github.io/spec/core/bikeshed/#vector-instructions</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebAssembly SIMD">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebAssembly SIMD+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebAssembly SIMD">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebAssembly SIMD+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebAssembly SIMD">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebAssembly SIMD+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/webassembly/fixed-width-SIMD.json">webassembly.fixed-width-SIMD</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/web-animations/index.html b/docs/features/web-animations/index.html
new file mode 100644
index 0000000000..895f518d6f
--- /dev/null
+++ b/docs/features/web-animations/index.html
@@ -0,0 +1,348 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Web animations</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="web-animations" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+  
+  <h1>Web animations</h1>
+  <p>The web animations API allows you to animate and synchronize the animations of DOM elements.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/web-animation">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation">Animation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/Animation">Animation.Animation</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/cancel_event">Animation.cancel_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/cancel">Animation.cancel</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/commitStyles">Animation.commitStyles</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/currentTime">Animation.currentTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/effect">Animation.effect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/finish">Animation.finish</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/finished">Animation.finished</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/finish_event">Animation.finish_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/id">Animation.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/pause">Animation.pause</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/pending">Animation.pending</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/persist">Animation.persist</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/play">Animation.play</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/playbackRate">Animation.playbackRate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/playState">Animation.playState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/ready">Animation.ready</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/remove_event">Animation.remove_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/replaceState">Animation.replaceState</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/reverse">Animation.reverse</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/startTime">Animation.startTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/timeline">Animation.timeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Animation/updatePlaybackRate">Animation.updatePlaybackRate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationTimeline">AnimationTimeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationTimeline/currentTime">AnimationTimeline.currentTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationEffect">AnimationEffect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationEffect/getComputedTiming">AnimationEffect.getComputedTiming</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationEffect/getTiming">AnimationEffect.getTiming</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationEffect/updateTiming">AnimationEffect.updateTiming</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationPlaybackEvent">AnimationPlaybackEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationPlaybackEvent/AnimationPlaybackEvent">AnimationPlaybackEvent.AnimationPlaybackEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationPlaybackEvent/currentTime">AnimationPlaybackEvent.currentTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AnimationPlaybackEvent/timelineTime">AnimationPlaybackEvent.timelineTime</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect">KeyframeEffect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect/KeyframeEffect">KeyframeEffect.KeyframeEffect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect/composite">KeyframeEffect.composite</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect/getKeyframes">KeyframeEffect.getKeyframes</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect/pseudoElement">KeyframeEffect.pseudoElement</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect/setKeyframes">KeyframeEffect.setKeyframes</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/KeyframeEffect/target">KeyframeEffect.target</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentTimeline">DocumentTimeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DocumentTimeline/DocumentTimeline">DocumentTimeline.DocumentTimeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/getAnimations">Document.getAnimations</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Document/timeline">Document.timeline</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Element/animate">Element.animate</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/web-animations-1/">https://drafts.csswg.org/web-animations-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Web animations">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web animations+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Web animations">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web animations+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Web animations">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web animations+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.Animation</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.cancel_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.cancel</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.commitStyles</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.currentTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.effect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.finish</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.finished</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.finish_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.pause</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.pending</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.persist</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.play</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.playbackRate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.playState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.ready</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.remove_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.replaceState</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.reverse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.startTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.timeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Animation.json">api.Animation.updatePlaybackRate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationTimeline.json">api.AnimationTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationTimeline.json">api.AnimationTimeline.currentTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationEffect.json">api.AnimationEffect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationEffect.json">api.AnimationEffect.getComputedTiming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationEffect.json">api.AnimationEffect.getTiming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationEffect.json">api.AnimationEffect.updateTiming</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationPlaybackEvent.json">api.AnimationPlaybackEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationPlaybackEvent.json">api.AnimationPlaybackEvent.AnimationPlaybackEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationPlaybackEvent.json">api.AnimationPlaybackEvent.currentTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AnimationPlaybackEvent.json">api.AnimationPlaybackEvent.timelineTime</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect.KeyframeEffect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect.composite</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect.getKeyframes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect.pseudoElement</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect.setKeyframes</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/KeyframeEffect.json">api.KeyframeEffect.target</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentTimeline.json">api.DocumentTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DocumentTimeline.json">api.DocumentTimeline.DocumentTimeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.getAnimations</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Document.json">api.Document.timeline</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Element.json">api.Element.animate</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/web-bluetooth/index.html b/docs/features/web-bluetooth/index.html
new file mode 100644
index 0000000000..fa69ee67f2
--- /dev/null
+++ b/docs/features/web-bluetooth/index.html
@@ -0,0 +1,420 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Web Bluetooth</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="web-bluetooth" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Web Bluetooth</h1>
+  <p>The Web Bluetooth API enables selecting and communicating with nearby Bluetooth devices.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/web-bluetooth">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Bluetooth">Bluetooth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Bluetooth/getAvailability">Bluetooth.getAvailability</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Bluetooth/getDevices">Bluetooth.getDevices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Bluetooth/requestDevice">Bluetooth.requestDevice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties">BluetoothCharacteristicProperties</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/authenticatedSignedWrites">BluetoothCharacteristicProperties.authenticatedSignedWrites</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/broadcast">BluetoothCharacteristicProperties.broadcast</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/indicate">BluetoothCharacteristicProperties.indicate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/notify">BluetoothCharacteristicProperties.notify</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/read">BluetoothCharacteristicProperties.read</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/reliableWrite">BluetoothCharacteristicProperties.reliableWrite</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/writableAuxiliaries">BluetoothCharacteristicProperties.writableAuxiliaries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/write">BluetoothCharacteristicProperties.write</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothCharacteristicProperties/writeWithoutResponse">BluetoothCharacteristicProperties.writeWithoutResponse</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothDevice">BluetoothDevice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothDevice/gatt">BluetoothDevice.gatt</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothDevice/id">BluetoothDevice.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothDevice/name">BluetoothDevice.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic">BluetoothRemoteGATTCharacteristic</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/getDescriptor">BluetoothRemoteGATTCharacteristic.getDescriptor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/getDescriptors">BluetoothRemoteGATTCharacteristic.getDescriptors</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/properties">BluetoothRemoteGATTCharacteristic.properties</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/readValue">BluetoothRemoteGATTCharacteristic.readValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/service">BluetoothRemoteGATTCharacteristic.service</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/startNotifications">BluetoothRemoteGATTCharacteristic.startNotifications</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/stopNotifications">BluetoothRemoteGATTCharacteristic.stopNotifications</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/uuid">BluetoothRemoteGATTCharacteristic.uuid</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/value">BluetoothRemoteGATTCharacteristic.value</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/writeValue">BluetoothRemoteGATTCharacteristic.writeValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/writeValueWithResponse">BluetoothRemoteGATTCharacteristic.writeValueWithResponse</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTCharacteristic/writeValueWithoutResponse">BluetoothRemoteGATTCharacteristic.writeValueWithoutResponse</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTDescriptor">BluetoothRemoteGATTDescriptor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTDescriptor/characteristic">BluetoothRemoteGATTDescriptor.characteristic</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTDescriptor/readValue">BluetoothRemoteGATTDescriptor.readValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTDescriptor/uuid">BluetoothRemoteGATTDescriptor.uuid</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTDescriptor/value">BluetoothRemoteGATTDescriptor.value</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTDescriptor/writeValue">BluetoothRemoteGATTDescriptor.writeValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer">BluetoothRemoteGATTServer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer/connect">BluetoothRemoteGATTServer.connect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer/connected">BluetoothRemoteGATTServer.connected</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer/device">BluetoothRemoteGATTServer.device</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer/disconnect">BluetoothRemoteGATTServer.disconnect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer/getPrimaryService">BluetoothRemoteGATTServer.getPrimaryService</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTServer/getPrimaryServices">BluetoothRemoteGATTServer.getPrimaryServices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTService">BluetoothRemoteGATTService</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTService/device">BluetoothRemoteGATTService.device</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTService/getCharacteristic">BluetoothRemoteGATTService.getCharacteristic</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTService/getCharacteristics">BluetoothRemoteGATTService.getCharacteristics</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTService/isPrimary">BluetoothRemoteGATTService.isPrimary</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothRemoteGATTService/uuid">BluetoothRemoteGATTService.uuid</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothUUID">BluetoothUUID</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothUUID/canonicalUUID_static">BluetoothUUID.canonicalUUID_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothUUID/getCharacteristic_static">BluetoothUUID.getCharacteristic_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothUUID/getDescriptor_static">BluetoothUUID.getDescriptor_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/BluetoothUUID/getService_static">BluetoothUUID.getService_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/bluetooth">Navigator.bluetooth</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://webbluetoothcg.github.io/web-bluetooth/">https://webbluetoothcg.github.io/web-bluetooth/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Web Bluetooth">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web Bluetooth+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Web Bluetooth">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web Bluetooth+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Web Bluetooth">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web Bluetooth+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Bluetooth.json">api.Bluetooth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Bluetooth.json">api.Bluetooth.getAvailability</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Bluetooth.json">api.Bluetooth.getDevices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Bluetooth.json">api.Bluetooth.requestDevice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.authenticatedSignedWrites</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.broadcast</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.indicate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.notify</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.read</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.reliableWrite</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.writableAuxiliaries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.write</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothCharacteristicProperties.json">api.BluetoothCharacteristicProperties.writeWithoutResponse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothDevice.json">api.BluetoothDevice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothDevice.json">api.BluetoothDevice.gatt</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothDevice.json">api.BluetoothDevice.gattserverdisconnected_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothDevice.json">api.BluetoothDevice.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothDevice.json">api.BluetoothDevice.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.characteristicvaluechanged_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.getDescriptor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.getDescriptors</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.properties</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.readValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.service</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.startNotifications</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.stopNotifications</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.uuid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.value</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.writeValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.writeValueWithResponse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTCharacteristic.json">api.BluetoothRemoteGATTCharacteristic.writeValueWithoutResponse</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTDescriptor.json">api.BluetoothRemoteGATTDescriptor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTDescriptor.json">api.BluetoothRemoteGATTDescriptor.characteristic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTDescriptor.json">api.BluetoothRemoteGATTDescriptor.readValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTDescriptor.json">api.BluetoothRemoteGATTDescriptor.uuid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTDescriptor.json">api.BluetoothRemoteGATTDescriptor.value</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTDescriptor.json">api.BluetoothRemoteGATTDescriptor.writeValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer.connect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer.connected</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer.device</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer.disconnect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer.getPrimaryService</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTServer.json">api.BluetoothRemoteGATTServer.getPrimaryServices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTService.json">api.BluetoothRemoteGATTService</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTService.json">api.BluetoothRemoteGATTService.device</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTService.json">api.BluetoothRemoteGATTService.getCharacteristic</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTService.json">api.BluetoothRemoteGATTService.getCharacteristics</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTService.json">api.BluetoothRemoteGATTService.isPrimary</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothRemoteGATTService.json">api.BluetoothRemoteGATTService.uuid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothUUID.json">api.BluetoothUUID</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothUUID.json">api.BluetoothUUID.canonicalUUID_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothUUID.json">api.BluetoothUUID.getCharacteristic_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothUUID.json">api.BluetoothUUID.getDescriptor_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/BluetoothUUID.json">api.BluetoothUUID.getService_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.bluetooth</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/web-locks/index.html b/docs/features/web-locks/index.html
new file mode 100644
index 0000000000..7ea3847ca5
--- /dev/null
+++ b/docs/features/web-locks/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Locks</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="web-locks" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+  
+  <h1>Locks</h1>
+  <p>The <code>navigator.locks</code> API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Lock">Lock</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Lock/mode">Lock.mode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Lock/name">Lock.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/LockManager">LockManager</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/LockManager/query">LockManager.query</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/LockManager/request">LockManager.request</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/locks">Navigator.locks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WorkerNavigator/locks">WorkerNavigator.locks</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/web-locks/">https://w3c.github.io/web-locks/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Locks">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Locks+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Locks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Locks+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Locks">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Locks+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Lock.json">api.Lock</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Lock.json">api.Lock.mode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Lock.json">api.Lock.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/LockManager.json">api.LockManager</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/LockManager.json">api.LockManager.query</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/LockManager.json">api.LockManager.request</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.locks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WorkerNavigator.json">api.WorkerNavigator.locks</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/web-midi/index.html b/docs/features/web-midi/index.html
new file mode 100644
index 0000000000..2a57961596
--- /dev/null
+++ b/docs/features/web-midi/index.html
@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Web MIDI</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="web-midi" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Web MIDI</h1>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/midi">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIAccess">MIDIAccess</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIAccess/inputs">MIDIAccess.inputs</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIAccess/outputs">MIDIAccess.outputs</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIAccess/statechange_event">MIDIAccess.statechange_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIAccess/sysexEnabled">MIDIAccess.sysexEnabled</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIConnectionEvent">MIDIConnectionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIConnectionEvent/MIDIConnectionEvent">MIDIConnectionEvent.MIDIConnectionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIConnectionEvent/port">MIDIConnectionEvent.port</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIInput">MIDIInput</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIInput/midimessage_event">MIDIInput.midimessage_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIInputMap">MIDIInputMap</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIMessageEvent">MIDIMessageEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIMessageEvent/MIDIMessageEvent">MIDIMessageEvent.MIDIMessageEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIMessageEvent/data">MIDIMessageEvent.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIOutput">MIDIOutput</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIOutput/send">MIDIOutput.send</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIOutputMap">MIDIOutputMap</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort">MIDIPort</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/close">MIDIPort.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/connection">MIDIPort.connection</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/id">MIDIPort.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/manufacturer">MIDIPort.manufacturer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/name">MIDIPort.name</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/open">MIDIPort.open</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/state">MIDIPort.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/statechange_event">MIDIPort.statechange_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/type">MIDIPort.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/MIDIPort/version">MIDIPort.version</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/requestMIDIAccess">Navigator.requestMIDIAccess</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://webaudio.github.io/web-midi-api/">https://webaudio.github.io/web-midi-api/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Web MIDI">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web MIDI+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Web MIDI">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web MIDI+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Web MIDI">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web MIDI+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIAccess.json">api.MIDIAccess</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIAccess.json">api.MIDIAccess.inputs</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIAccess.json">api.MIDIAccess.outputs</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIAccess.json">api.MIDIAccess.statechange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIAccess.json">api.MIDIAccess.sysexEnabled</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIConnectionEvent.json">api.MIDIConnectionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIConnectionEvent.json">api.MIDIConnectionEvent.MIDIConnectionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIConnectionEvent.json">api.MIDIConnectionEvent.port</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInput.json">api.MIDIInput</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInput.json">api.MIDIInput.midimessage_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.get</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIInputMap.json">api.MIDIInputMap.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIMessageEvent.json">api.MIDIMessageEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIMessageEvent.json">api.MIDIMessageEvent.MIDIMessageEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIMessageEvent.json">api.MIDIMessageEvent.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutput.json">api.MIDIOutput</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutput.json">api.MIDIOutput.send</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.entries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.forEach</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.get</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.has</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.keys</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.size</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.values</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIOutputMap.json">api.MIDIOutputMap.@@iterator</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.connection</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.manufacturer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.name</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.statechange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/MIDIPort.json">api.MIDIPort.version</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.requestMIDIAccess</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/web-nfc/index.html b/docs/features/web-nfc/index.html
new file mode 100644
index 0000000000..dadc77d14f
--- /dev/null
+++ b/docs/features/web-nfc/index.html
@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Web NFC</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="web-nfc" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>Web NFC</h1>
+  <p>The <code>NDEFReader</code> API reads and writes messages to near-field communication (NFC) tags.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webnfc">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFMessage">NDEFMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFMessage/NDEFMessage">NDEFMessage.NDEFMessage</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFMessage/records">NDEFMessage.records</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReader">NDEFReader</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReader/NDEFReader">NDEFReader.NDEFReader</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReader/reading_event">NDEFReader.reading_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReader/readingerror_event">NDEFReader.readingerror_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReader/scan">NDEFReader.scan</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReader/write">NDEFReader.write</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReadingEvent">NDEFReadingEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReadingEvent/NDEFReadingEvent">NDEFReadingEvent.NDEFReadingEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReadingEvent/message">NDEFReadingEvent.message</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFReadingEvent/serialNumber">NDEFReadingEvent.serialNumber</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord">NDEFRecord</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/NDEFRecord">NDEFRecord.NDEFRecord</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/data">NDEFRecord.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/encoding">NDEFRecord.encoding</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/id">NDEFRecord.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/lang">NDEFRecord.lang</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/mediaType">NDEFRecord.mediaType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/recordType">NDEFRecord.recordType</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/NDEFRecord/toRecords">NDEFRecord.toRecords</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/web-nfc/">https://w3c.github.io/web-nfc/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Web NFC">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web NFC+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Web NFC">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web NFC+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Web NFC">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web NFC+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFMessage.json">api.NDEFMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFMessage.json">api.NDEFMessage.NDEFMessage</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFMessage.json">api.NDEFMessage.secure_context_required</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFMessage.json">api.NDEFMessage.records</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader.NDEFReader</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader.secure_context_required</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader.reading_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader.readingerror_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader.scan</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReader.json">api.NDEFReader.write</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReadingEvent.json">api.NDEFReadingEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReadingEvent.json">api.NDEFReadingEvent.NDEFReadingEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReadingEvent.json">api.NDEFReadingEvent.secure_context_required</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReadingEvent.json">api.NDEFReadingEvent.message</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFReadingEvent.json">api.NDEFReadingEvent.serialNumber</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.NDEFRecord</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.secure_context_required</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.encoding</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.lang</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.mediaType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.recordType</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/NDEFRecord.json">api.NDEFRecord.toRecords</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webauthn-public-key-easy/index.html b/docs/features/webauthn-public-key-easy/index.html
new file mode 100644
index 0000000000..3db6f7df12
--- /dev/null
+++ b/docs/features/webauthn-public-key-easy/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Web authentication easy public key access</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webauthn-public-key-easy" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+  
+  <h1>Web authentication easy public key access</h1>
+  <p>The <code>getAuthenticatorData()</code>, <code>getPublicKey()</code>, and <code>getPublicKeyAlgorithm()</code> methods of <code>AuthenticatorAttestationResponse</code> access credential data inside <code>attestationObject</code> without the need to parse it.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AuthenticatorAttestationResponse/getAuthenticatorData">AuthenticatorAttestationResponse.getAuthenticatorData</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AuthenticatorAttestationResponse/getPublicKey">AuthenticatorAttestationResponse.getPublicKey</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AuthenticatorAttestationResponse/getPublicKeyAlgorithm">AuthenticatorAttestationResponse.getPublicKeyAlgorithm</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webauthn/#sctn-public-key-easy">https://w3c.github.io/webauthn/#sctn-public-key-easy</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#Web authentication easy public key access">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web authentication easy public key access+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=Web authentication easy public key access">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web authentication easy public key access+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=Web authentication easy public key access">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement Web authentication easy public key access+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AuthenticatorAttestationResponse.json">api.AuthenticatorAttestationResponse.getAuthenticatorData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AuthenticatorAttestationResponse.json">api.AuthenticatorAttestationResponse.getPublicKey</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AuthenticatorAttestationResponse.json">api.AuthenticatorAttestationResponse.getPublicKeyAlgorithm</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webcodecs/index.html b/docs/features/webcodecs/index.html
new file mode 100644
index 0000000000..5167585df7
--- /dev/null
+++ b/docs/features/webcodecs/index.html
@@ -0,0 +1,624 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebCodecs</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webcodecs" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebCodecs</h1>
+  <p>The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webcodecs">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+              <a href="https://bugzil.la/1749045">bugzil.la/1749045</a>
+            
+              <a href="https://bugzil.la/1872733">bugzil.la/1872733</a>
+            
+              <a href="https://bugzil.la/1749539">bugzil.la/1749539</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData">AudioData</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/AudioData">AudioData.AudioData</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/allocationSize">AudioData.allocationSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/clone">AudioData.clone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/close">AudioData.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/copyTo">AudioData.copyTo</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/duration">AudioData.duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/format">AudioData.format</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/numberOfChannels">AudioData.numberOfChannels</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/numberOfFrames">AudioData.numberOfFrames</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/sampleRate">AudioData.sampleRate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioData/timestamp">AudioData.timestamp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder">AudioDecoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/AudioDecoder">AudioDecoder.AudioDecoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/close">AudioDecoder.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/configure">AudioDecoder.configure</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/decode">AudioDecoder.decode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/decodeQueueSize">AudioDecoder.decodeQueueSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/flush">AudioDecoder.flush</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/reset">AudioDecoder.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioDecoder/state">AudioDecoder.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder">AudioEncoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/AudioEncoder">AudioEncoder.AudioEncoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/close">AudioEncoder.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/configure">AudioEncoder.configure</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/encode">AudioEncoder.encode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/encodeQueueSize">AudioEncoder.encodeQueueSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/flush">AudioEncoder.flush</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/reset">AudioEncoder.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/AudioEncoder/state">AudioEncoder.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk">EncodedAudioChunk</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk/EncodedAudioChunk">EncodedAudioChunk.EncodedAudioChunk</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk/byteLength">EncodedAudioChunk.byteLength</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk/copyTo">EncodedAudioChunk.copyTo</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk/duration">EncodedAudioChunk.duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk/timestamp">EncodedAudioChunk.timestamp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedAudioChunk/type">EncodedAudioChunk.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk">EncodedVideoChunk</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk/EncodedVideoChunk">EncodedVideoChunk.EncodedVideoChunk</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk/byteLength">EncodedVideoChunk.byteLength</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk/copyTo">EncodedVideoChunk.copyTo</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk/duration">EncodedVideoChunk.duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk/timestamp">EncodedVideoChunk.timestamp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/EncodedVideoChunk/type">EncodedVideoChunk.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder">ImageDecoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/ImageDecoder">ImageDecoder.ImageDecoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/close">ImageDecoder.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/complete">ImageDecoder.complete</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/completed">ImageDecoder.completed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/decode">ImageDecoder.decode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/isTypeSupported_static">ImageDecoder.isTypeSupported_static</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/reset">ImageDecoder.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/tracks">ImageDecoder.tracks</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageDecoder/type">ImageDecoder.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrack">ImageTrack</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrack/animated">ImageTrack.animated</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrack/frameCount">ImageTrack.frameCount</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrack/repetitionCount">ImageTrack.repetitionCount</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrack/selected">ImageTrack.selected</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrackList">ImageTrackList</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrackList/length">ImageTrackList.length</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrackList/ready">ImageTrackList.ready</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrackList/selectedIndex">ImageTrackList.selectedIndex</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/ImageTrackList/selectedTrack">ImageTrackList.selectedTrack</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace">VideoColorSpace</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace/VideoColorSpace">VideoColorSpace.VideoColorSpace</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace/fullRange">VideoColorSpace.fullRange</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace/matrix">VideoColorSpace.matrix</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace/primaries">VideoColorSpace.primaries</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace/toJSON">VideoColorSpace.toJSON</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoColorSpace/transfer">VideoColorSpace.transfer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder">VideoDecoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/VideoDecoder">VideoDecoder.VideoDecoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/close">VideoDecoder.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/configure">VideoDecoder.configure</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/decode">VideoDecoder.decode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/decodeQueueSize">VideoDecoder.decodeQueueSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/flush">VideoDecoder.flush</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/reset">VideoDecoder.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoDecoder/state">VideoDecoder.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder">VideoEncoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/VideoEncoder">VideoEncoder.VideoEncoder</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/close">VideoEncoder.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/configure">VideoEncoder.configure</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/encode">VideoEncoder.encode</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/encodeQueueSize">VideoEncoder.encodeQueueSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/reset">VideoEncoder.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoEncoder/state">VideoEncoder.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame">VideoFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/VideoFrame">VideoFrame.VideoFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/allocationSize">VideoFrame.allocationSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/clone">VideoFrame.clone</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/close">VideoFrame.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/codedHeight">VideoFrame.codedHeight</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/codedRect">VideoFrame.codedRect</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/codedWidth">VideoFrame.codedWidth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/colorSpace">VideoFrame.colorSpace</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/displayHeight">VideoFrame.displayHeight</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/displayWidth">VideoFrame.displayWidth</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/duration">VideoFrame.duration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/format">VideoFrame.format</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/timestamp">VideoFrame.timestamp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VideoFrame/visibleRect">VideoFrame.visibleRect</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webcodecs/">https://w3c.github.io/webcodecs/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebCodecs">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebCodecs+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebCodecs">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebCodecs+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebCodecs">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebCodecs+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.AudioData</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.allocationSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.clone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.copyTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.format</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.numberOfChannels</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.numberOfFrames</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.sampleRate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioData.json">api.AudioData.timestamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.AudioDecoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.configure</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.decode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.decodeQueueSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.dequeue_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.flush</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.isConfigSupported_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioDecoder.json">api.AudioDecoder.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.AudioEncoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.configure</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.dequeue_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.encode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.encodeQueueSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.flush</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.isConfigSupported_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/AudioEncoder.json">api.AudioEncoder.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk.EncodedAudioChunk</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk.byteLength</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk.copyTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk.duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk.timestamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedAudioChunk.json">api.EncodedAudioChunk.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk.EncodedVideoChunk</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk.byteLength</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk.copyTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk.duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk.timestamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/EncodedVideoChunk.json">api.EncodedVideoChunk.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.ImageDecoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.complete</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.completed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.decode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.isTypeSupported_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.tracks</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageDecoder.json">api.ImageDecoder.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrack.json">api.ImageTrack</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrack.json">api.ImageTrack.animated</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrack.json">api.ImageTrack.frameCount</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrack.json">api.ImageTrack.repetitionCount</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrack.json">api.ImageTrack.selected</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrackList.json">api.ImageTrackList</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrackList.json">api.ImageTrackList.length</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrackList.json">api.ImageTrackList.ready</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrackList.json">api.ImageTrackList.selectedIndex</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/ImageTrackList.json">api.ImageTrackList.selectedTrack</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace.VideoColorSpace</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace.fullRange</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace.matrix</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace.primaries</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace.toJSON</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoColorSpace.json">api.VideoColorSpace.transfer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.VideoDecoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.configure</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.decode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.decodeQueueSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.dequeue_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.flush</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.isConfigSupported_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoDecoder.json">api.VideoDecoder.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.VideoEncoder</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.configure</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.dequeue_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.encode</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.encodeQueueSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.flush</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.isConfigSupported_static</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoEncoder.json">api.VideoEncoder.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.VideoFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.allocationSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.clone</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.codedHeight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.codedRect</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.codedWidth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.colorSpace</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.copyTo</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.displayHeight</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.displayWidth</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.duration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.format</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.timestamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VideoFrame.json">api.VideoFrame.visibleRect</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webdriver-bidi/index.html b/docs/features/webdriver-bidi/index.html
new file mode 100644
index 0000000000..38d0b49446
--- /dev/null
+++ b/docs/features/webdriver-bidi/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebDriver BiDi</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webdriver-bidi" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebDriver BiDi</h1>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webdriver-bidi/">https://w3c.github.io/webdriver-bidi/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebDriver BiDi">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebDriver BiDi+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebDriver BiDi">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebDriver BiDi+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebDriver BiDi">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebDriver BiDi+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webgl-oes-draw-buffers-indexed/index.html b/docs/features/webgl-oes-draw-buffers-indexed/index.html
new file mode 100644
index 0000000000..6a07230e20
--- /dev/null
+++ b/docs/features/webgl-oes-draw-buffers-indexed/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebGL OES_draw_buffers_indexed extension</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webgl-oes-draw-buffers-indexed" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-13 (baseline low)
+  
+</div>
+  
+  <h1>WebGL OES_draw_buffers_indexed extension</h1>
+  <p>The <code>OES_draw_buffers_indexed</code> extension to WebGL allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-04-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed">OES_draw_buffers_indexed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/blendEquationiOES">OES_draw_buffers_indexed.blendEquationiOES</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/blendEquationSeparateiOES">OES_draw_buffers_indexed.blendEquationSeparateiOES</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/blendFunciOES">OES_draw_buffers_indexed.blendFunciOES</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/blendFuncSeparateiOES">OES_draw_buffers_indexed.blendFuncSeparateiOES</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/colorMaskiOES">OES_draw_buffers_indexed.colorMaskiOES</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/disableiOES">OES_draw_buffers_indexed.disableiOES</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/OES_draw_buffers_indexed/enableiOES">OES_draw_buffers_indexed.enableiOES</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://registry.khronos.org/webgl/extensions/OES_draw_buffers_indexed/">https://registry.khronos.org/webgl/extensions/OES_draw_buffers_indexed/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebGL OES_draw_buffers_indexed extension">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebGL OES_draw_buffers_indexed extension+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebGL OES_draw_buffers_indexed extension">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebGL OES_draw_buffers_indexed extension+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebGL OES_draw_buffers_indexed extension">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebGL OES_draw_buffers_indexed extension+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.blendEquationiOES</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.blendEquationSeparateiOES</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.blendFunciOES</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.blendFuncSeparateiOES</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.colorMaskiOES</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.disableiOES</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/OES_draw_buffers_indexed.json">api.OES_draw_buffers_indexed.enableiOES</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webhid/index.html b/docs/features/webhid/index.html
new file mode 100644
index 0000000000..04d51b911c
--- /dev/null
+++ b/docs/features/webhid/index.html
@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebHID</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webhid" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebHID</h1>
+  <p>The WebHID API provides access to Human Interface Devices (HID) that are connected to the user's device.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webhid">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HID">HID</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HID/connect_event">HID.connect_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HID/disconnect_event">HID.disconnect_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HID/getDevices">HID.getDevices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HID/requestDevice">HID.requestDevice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDConnectionEvent">HIDConnectionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDConnectionEvent/HIDConnectionEvent">HIDConnectionEvent.HIDConnectionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDConnectionEvent/device">HIDConnectionEvent.device</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice">HIDDevice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/close">HIDDevice.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/collections">HIDDevice.collections</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/inputreport_event">HIDDevice.inputreport_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/open">HIDDevice.open</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/opened">HIDDevice.opened</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/productId">HIDDevice.productId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/productName">HIDDevice.productName</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/receiveFeatureReport">HIDDevice.receiveFeatureReport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/sendFeatureReport">HIDDevice.sendFeatureReport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/sendReport">HIDDevice.sendReport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDDevice/vendorId">HIDDevice.vendorId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDInputReportEvent">HIDInputReportEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDInputReportEvent/data">HIDInputReportEvent.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDInputReportEvent/device">HIDInputReportEvent.device</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/HIDInputReportEvent/reportId">HIDInputReportEvent.reportId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/hid">Navigator.hid</a></li>
+        
+      </ul>
+    
+      <ul class="mdn-docs-area link-list" data-area="http">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/HTTP/Headers/Permissions-Policy/hid">Headers/Permissions-Policy/hid</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/webhid/">https://wicg.github.io/webhid/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebHID">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebHID+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebHID">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebHID+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebHID">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebHID+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HID.json">api.HID</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HID.json">api.HID.connect_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HID.json">api.HID.disconnect_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HID.json">api.HID.getDevices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HID.json">api.HID.requestDevice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDConnectionEvent.json">api.HIDConnectionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDConnectionEvent.json">api.HIDConnectionEvent.HIDConnectionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDConnectionEvent.json">api.HIDConnectionEvent.device</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.collections</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.inputreport_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.opened</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.productId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.productName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.receiveFeatureReport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.sendFeatureReport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.sendReport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDDevice.json">api.HIDDevice.vendorId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDInputReportEvent.json">api.HIDInputReportEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDInputReportEvent.json">api.HIDInputReportEvent.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDInputReportEvent.json">api.HIDInputReportEvent.device</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/HIDInputReportEvent.json">api.HIDInputReportEvent.reportId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.hid</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/http/headers/Permissions-Policy.json">http.headers.Permissions-Policy.hid</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webp/index.html b/docs/features/webp/index.html
new file mode 100644
index 0000000000..e2df04aad3
--- /dev/null
+++ b/docs/features/webp/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebP</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webp" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+  
+  <h1>WebP</h1>
+  <p>The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webp">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2011-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://www.ietf.org/archive/id/draft-zern-webp-15.html">https://www.ietf.org/archive/id/draft-zern-webp-15.html</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebP">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebP+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebP">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebP+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebP">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebP+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webrtc-encoded-transform/index.html b/docs/features/webrtc-encoded-transform/index.html
new file mode 100644
index 0000000000..5a644a4224
--- /dev/null
+++ b/docs/features/webrtc-encoded-transform/index.html
@@ -0,0 +1,252 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebRTC encoded transform</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webrtc-encoded-transform" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebRTC encoded transform</h1>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/DedicatedWorkerGlobalScope/rtctransform_event">DedicatedWorkerGlobalScope.rtctransform_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedAudioFrame">RTCEncodedAudioFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedAudioFrame/data">RTCEncodedAudioFrame.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedAudioFrame/getMetadata">RTCEncodedAudioFrame.getMetadata</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedAudioFrame/timestamp">RTCEncodedAudioFrame.timestamp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedVideoFrame">RTCEncodedVideoFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedVideoFrame/data">RTCEncodedVideoFrame.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedVideoFrame/getMetadata">RTCEncodedVideoFrame.getMetadata</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedVideoFrame/timestamp">RTCEncodedVideoFrame.timestamp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCEncodedVideoFrame/type">RTCEncodedVideoFrame.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpReceiver/transform">RTCRtpReceiver.transform</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransform">RTCRtpScriptTransform</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransform/RTCRtpScriptTransform">RTCRtpScriptTransform.RTCRtpScriptTransform</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransformer">RTCRtpScriptTransformer</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransformer/generateKeyFrame">RTCRtpScriptTransformer.generateKeyFrame</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransformer/options">RTCRtpScriptTransformer.options</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransformer/readable">RTCRtpScriptTransformer.readable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransformer/sendKeyFrameRequest">RTCRtpScriptTransformer.sendKeyFrameRequest</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpScriptTransformer/writable">RTCRtpScriptTransformer.writable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCRtpSender/transform">RTCRtpSender.transform</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCTransformEvent">RTCTransformEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCTransformEvent/transformer">RTCTransformEvent.transformer</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webrtc-encoded-transform/">https://w3c.github.io/webrtc-encoded-transform/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebRTC encoded transform">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC encoded transform+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebRTC encoded transform">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC encoded transform+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebRTC encoded transform">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC encoded transform+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/DedicatedWorkerGlobalScope.json">api.DedicatedWorkerGlobalScope.rtctransform_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedAudioFrame.json">api.RTCEncodedAudioFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedAudioFrame.json">api.RTCEncodedAudioFrame.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedAudioFrame.json">api.RTCEncodedAudioFrame.getMetadata</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedAudioFrame.json">api.RTCEncodedAudioFrame.timestamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedVideoFrame.json">api.RTCEncodedVideoFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedVideoFrame.json">api.RTCEncodedVideoFrame.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedVideoFrame.json">api.RTCEncodedVideoFrame.getMetadata</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedVideoFrame.json">api.RTCEncodedVideoFrame.timestamp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCEncodedVideoFrame.json">api.RTCEncodedVideoFrame.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpReceiver.json">api.RTCRtpReceiver.transform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransform.json">api.RTCRtpScriptTransform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransform.json">api.RTCRtpScriptTransform.RTCRtpScriptTransform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransformer.json">api.RTCRtpScriptTransformer</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransformer.json">api.RTCRtpScriptTransformer.generateKeyFrame</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransformer.json">api.RTCRtpScriptTransformer.options</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransformer.json">api.RTCRtpScriptTransformer.readable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransformer.json">api.RTCRtpScriptTransformer.sendKeyFrameRequest</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpScriptTransformer.json">api.RTCRtpScriptTransformer.writable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCRtpSender.json">api.RTCRtpSender.transform</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCTransformEvent.json">api.RTCTransformEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCTransformEvent.json">api.RTCTransformEvent.transformer</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webrtc-sctp/index.html b/docs/features/webrtc-sctp/index.html
new file mode 100644
index 0000000000..7b7fa01136
--- /dev/null
+++ b/docs/features/webrtc-sctp/index.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebRTC SCTP information</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webrtc-sctp" class="feature baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+  
+  <h1>WebRTC SCTP information</h1>
+  <p>The <code>sctp</code> object on <code>RTCPeerConnection</code> represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that <code>RTCDataChannel</code> uses.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCPeerConnection/sctp">RTCPeerConnection.sctp</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCSctpTransport">RTCSctpTransport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCSctpTransport/maxChannels">RTCSctpTransport.maxChannels</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCSctpTransport/maxMessageSize">RTCSctpTransport.maxMessageSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCSctpTransport/state">RTCSctpTransport.state</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCSctpTransport/transport">RTCSctpTransport.transport</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webrtc-pc/#rtcsctptransport-interface">https://w3c.github.io/webrtc-pc/#rtcsctptransport-interface</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebRTC SCTP information">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC SCTP information+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebRTC SCTP information">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC SCTP information+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebRTC SCTP information">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC SCTP information+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCPeerConnection.json">api.RTCPeerConnection.sctp</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCSctpTransport.json">api.RTCSctpTransport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCSctpTransport.json">api.RTCSctpTransport.maxChannels</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCSctpTransport.json">api.RTCSctpTransport.maxMessageSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCSctpTransport.json">api.RTCSctpTransport.state</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCSctpTransport.json">api.RTCSctpTransport.statechange_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCSctpTransport.json">api.RTCSctpTransport.transport</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webrtc/index.html b/docs/features/webrtc/index.html
new file mode 100644
index 0000000000..954db4d447
--- /dev/null
+++ b/docs/features/webrtc/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebRTC</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webrtc" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>WebRTC</h1>
+  <p>The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/rtcpeerconnection">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCPeerConnection">RTCPeerConnection</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/RTCDataChannel">RTCDataChannel</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webrtc-pc/">https://w3c.github.io/webrtc-pc/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebRTC">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebRTC">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebRTC">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebRTC+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCPeerConnection.json">api.RTCPeerConnection</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/RTCDataChannel.json">api.RTCDataChannel</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webtransport/index.html b/docs/features/webtransport/index.html
new file mode 100644
index 0000000000..f82fa3d8b3
--- /dev/null
+++ b/docs/features/webtransport/index.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebTransport</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webtransport" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebTransport</h1>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webtransport">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport">WebTransport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/WebTransport">WebTransport.WebTransport</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/close">WebTransport.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/closed">WebTransport.closed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/createBidirectionalStream">WebTransport.createBidirectionalStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/createUnidirectionalStream">WebTransport.createUnidirectionalStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/datagrams">WebTransport.datagrams</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/incomingBidirectionalStreams">WebTransport.incomingBidirectionalStreams</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/incomingUnidirectionalStreams">WebTransport.incomingUnidirectionalStreams</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransport/ready">WebTransport.ready</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportBidirectionalStream">WebTransportBidirectionalStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportBidirectionalStream/readable">WebTransportBidirectionalStream.readable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportBidirectionalStream/writable">WebTransportBidirectionalStream.writable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream">WebTransportDatagramDuplexStream</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/incomingHighWaterMark">WebTransportDatagramDuplexStream.incomingHighWaterMark</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/incomingMaxAge">WebTransportDatagramDuplexStream.incomingMaxAge</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/maxDatagramSize">WebTransportDatagramDuplexStream.maxDatagramSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/outgoingHighWaterMark">WebTransportDatagramDuplexStream.outgoingHighWaterMark</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/outgoingMaxAge">WebTransportDatagramDuplexStream.outgoingMaxAge</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/readable">WebTransportDatagramDuplexStream.readable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportDatagramDuplexStream/writable">WebTransportDatagramDuplexStream.writable</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportError">WebTransportError</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportError/WebTransportError">WebTransportError.WebTransportError</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportError/source">WebTransportError.source</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/WebTransportError/streamErrorCode">WebTransportError.streamErrorCode</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webtransport/">https://w3c.github.io/webtransport/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebTransport">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebTransport+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebTransport">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebTransport+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebTransport">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebTransport+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.WebTransport</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.closed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.createBidirectionalStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.createUnidirectionalStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.datagrams</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.incomingBidirectionalStreams</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.incomingUnidirectionalStreams</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransport.json">api.WebTransport.ready</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportBidirectionalStream.json">api.WebTransportBidirectionalStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportBidirectionalStream.json">api.WebTransportBidirectionalStream.readable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportBidirectionalStream.json">api.WebTransportBidirectionalStream.writable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.incomingHighWaterMark</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.incomingMaxAge</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.maxDatagramSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.outgoingHighWaterMark</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.outgoingMaxAge</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.readable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportDatagramDuplexStream.json">api.WebTransportDatagramDuplexStream.writable</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportError.json">api.WebTransportError</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportError.json">api.WebTransportError.WebTransportError</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportError.json">api.WebTransportError.source</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/WebTransportError.json">api.WebTransportError.streamErrorCode</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webusb/index.html b/docs/features/webusb/index.html
new file mode 100644
index 0000000000..acda0de5e3
--- /dev/null
+++ b/docs/features/webusb/index.html
@@ -0,0 +1,520 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebUSB</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webusb" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebUSB</h1>
+  <p>The WebUSB API exposes USB compatible devices to web pages.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webusb">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/Navigator/usb">Navigator.usb</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USB">USB</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USB/connect_event">USB.connect_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USB/disconnect_event">USB.disconnect_event</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USB/getDevices">USB.getDevices</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USB/requestDevice">USB.requestDevice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface">USBAlternateInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/USBAlternateInterface">USBAlternateInterface.USBAlternateInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/alternateSetting">USBAlternateInterface.alternateSetting</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/endpoints">USBAlternateInterface.endpoints</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/interfaceClass">USBAlternateInterface.interfaceClass</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/interfaceName">USBAlternateInterface.interfaceName</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/interfaceProtocol">USBAlternateInterface.interfaceProtocol</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBAlternateInterface/interfaceSubclass">USBAlternateInterface.interfaceSubclass</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConfiguration">USBConfiguration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConfiguration/USBConfiguration">USBConfiguration.USBConfiguration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConfiguration/configurationName">USBConfiguration.configurationName</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConfiguration/configurationValue">USBConfiguration.configurationValue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConfiguration/interfaces">USBConfiguration.interfaces</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConnectionEvent">USBConnectionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConnectionEvent/USBConnectionEvent">USBConnectionEvent.USBConnectionEvent</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBConnectionEvent/device">USBConnectionEvent.device</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice">USBDevice</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/claimInterface">USBDevice.claimInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/clearHalt">USBDevice.clearHalt</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/close">USBDevice.close</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/configuration">USBDevice.configuration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/configurations">USBDevice.configurations</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/controlTransferIn">USBDevice.controlTransferIn</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/controlTransferOut">USBDevice.controlTransferOut</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/deviceClass">USBDevice.deviceClass</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/deviceProtocol">USBDevice.deviceProtocol</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/deviceSubclass">USBDevice.deviceSubclass</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/deviceVersionMajor">USBDevice.deviceVersionMajor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/deviceVersionMinor">USBDevice.deviceVersionMinor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/deviceVersionSubminor">USBDevice.deviceVersionSubminor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/isochronousTransferIn">USBDevice.isochronousTransferIn</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/isochronousTransferOut">USBDevice.isochronousTransferOut</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/manufacturerName">USBDevice.manufacturerName</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/open">USBDevice.open</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/opened">USBDevice.opened</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/productId">USBDevice.productId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/productName">USBDevice.productName</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/releaseInterface">USBDevice.releaseInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/reset">USBDevice.reset</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/selectAlternateInterface">USBDevice.selectAlternateInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/selectConfiguration">USBDevice.selectConfiguration</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/serialNumber">USBDevice.serialNumber</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/transferIn">USBDevice.transferIn</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/transferOut">USBDevice.transferOut</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/usbVersionMajor">USBDevice.usbVersionMajor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/usbVersionMinor">USBDevice.usbVersionMinor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/usbVersionSubminor">USBDevice.usbVersionSubminor</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBDevice/vendorId">USBDevice.vendorId</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBEndpoint">USBEndpoint</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBEndpoint/USBEndpoint">USBEndpoint.USBEndpoint</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBEndpoint/direction">USBEndpoint.direction</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBEndpoint/endpointNumber">USBEndpoint.endpointNumber</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBEndpoint/packetSize">USBEndpoint.packetSize</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBEndpoint/type">USBEndpoint.type</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInTransferResult">USBInTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInTransferResult/USBInTransferResult">USBInTransferResult.USBInTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInTransferResult/data">USBInTransferResult.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInTransferResult/status">USBInTransferResult.status</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInterface">USBInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInterface/USBInterface">USBInterface.USBInterface</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInterface/alternate">USBInterface.alternate</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInterface/alternates">USBInterface.alternates</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInterface/claimed">USBInterface.claimed</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBInterface/interfaceNumber">USBInterface.interfaceNumber</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferPacket">USBIsochronousInTransferPacket</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferPacket/USBIsochronousInTransferPacket">USBIsochronousInTransferPacket.USBIsochronousInTransferPacket</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferPacket/data">USBIsochronousInTransferPacket.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferPacket/status">USBIsochronousInTransferPacket.status</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferResult">USBIsochronousInTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferResult/USBIsochronousInTransferResult">USBIsochronousInTransferResult.USBIsochronousInTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferResult/data">USBIsochronousInTransferResult.data</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousInTransferResult/packets">USBIsochronousInTransferResult.packets</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferPacket">USBIsochronousOutTransferPacket</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferPacket/USBIsochronousOutTransferPacket">USBIsochronousOutTransferPacket.USBIsochronousOutTransferPacket</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferPacket/bytesWritten">USBIsochronousOutTransferPacket.bytesWritten</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferPacket/status">USBIsochronousOutTransferPacket.status</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferResult">USBIsochronousOutTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferResult/USBIsochronousOutTransferResult">USBIsochronousOutTransferResult.USBIsochronousOutTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBIsochronousOutTransferResult/packets">USBIsochronousOutTransferResult.packets</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBOutTransferResult">USBOutTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBOutTransferResult/USBOutTransferResult">USBOutTransferResult.USBOutTransferResult</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBOutTransferResult/bytesWritten">USBOutTransferResult.bytesWritten</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/USBOutTransferResult/status">USBOutTransferResult.status</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://wicg.github.io/webusb/">https://wicg.github.io/webusb/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebUSB">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebUSB+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebUSB">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebUSB+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebUSB">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebUSB+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/Navigator.json">api.Navigator.usb</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USB.json">api.USB</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USB.json">api.USB.connect_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USB.json">api.USB.disconnect_event</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USB.json">api.USB.getDevices</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USB.json">api.USB.requestDevice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.USBAlternateInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.alternateSetting</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.endpoints</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.interfaceClass</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.interfaceName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.interfaceProtocol</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBAlternateInterface.json">api.USBAlternateInterface.interfaceSubclass</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConfiguration.json">api.USBConfiguration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConfiguration.json">api.USBConfiguration.USBConfiguration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConfiguration.json">api.USBConfiguration.configurationName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConfiguration.json">api.USBConfiguration.configurationValue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConfiguration.json">api.USBConfiguration.interfaces</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConnectionEvent.json">api.USBConnectionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConnectionEvent.json">api.USBConnectionEvent.USBConnectionEvent</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBConnectionEvent.json">api.USBConnectionEvent.device</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.claimInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.clearHalt</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.close</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.configuration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.configurations</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.controlTransferIn</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.controlTransferOut</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.deviceClass</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.deviceProtocol</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.deviceSubclass</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.deviceVersionMajor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.deviceVersionMinor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.deviceVersionSubminor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.isochronousTransferIn</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.isochronousTransferOut</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.manufacturerName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.open</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.opened</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.productId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.productName</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.releaseInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.reset</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.selectAlternateInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.selectConfiguration</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.serialNumber</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.transferIn</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.transferOut</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.usbVersionMajor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.usbVersionMinor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.usbVersionSubminor</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBDevice.json">api.USBDevice.vendorId</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBEndpoint.json">api.USBEndpoint</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBEndpoint.json">api.USBEndpoint.USBEndpoint</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBEndpoint.json">api.USBEndpoint.direction</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBEndpoint.json">api.USBEndpoint.endpointNumber</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBEndpoint.json">api.USBEndpoint.packetSize</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBEndpoint.json">api.USBEndpoint.type</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInTransferResult.json">api.USBInTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInTransferResult.json">api.USBInTransferResult.USBInTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInTransferResult.json">api.USBInTransferResult.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInTransferResult.json">api.USBInTransferResult.status</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInterface.json">api.USBInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInterface.json">api.USBInterface.USBInterface</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInterface.json">api.USBInterface.alternate</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInterface.json">api.USBInterface.alternates</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInterface.json">api.USBInterface.claimed</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBInterface.json">api.USBInterface.interfaceNumber</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferPacket.json">api.USBIsochronousInTransferPacket</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferPacket.json">api.USBIsochronousInTransferPacket.USBIsochronousInTransferPacket</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferPacket.json">api.USBIsochronousInTransferPacket.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferPacket.json">api.USBIsochronousInTransferPacket.status</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferResult.json">api.USBIsochronousInTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferResult.json">api.USBIsochronousInTransferResult.USBIsochronousInTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferResult.json">api.USBIsochronousInTransferResult.data</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousInTransferResult.json">api.USBIsochronousInTransferResult.packets</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferPacket.json">api.USBIsochronousOutTransferPacket</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferPacket.json">api.USBIsochronousOutTransferPacket.USBIsochronousOutTransferPacket</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferPacket.json">api.USBIsochronousOutTransferPacket.bytesWritten</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferPacket.json">api.USBIsochronousOutTransferPacket.status</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferResult.json">api.USBIsochronousOutTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferResult.json">api.USBIsochronousOutTransferResult.USBIsochronousOutTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBIsochronousOutTransferResult.json">api.USBIsochronousOutTransferResult.packets</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBOutTransferResult.json">api.USBOutTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBOutTransferResult.json">api.USBOutTransferResult.USBOutTransferResult</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBOutTransferResult.json">api.USBOutTransferResult.bytesWritten</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/USBOutTransferResult.json">api.USBOutTransferResult.status</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webvtt-cue-alignment/index.html b/docs/features/webvtt-cue-alignment/index.html
new file mode 100644
index 0000000000..873aa22148
--- /dev/null
+++ b/docs/features/webvtt-cue-alignment/index.html
@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebVTT cue alignment</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webvtt-cue-alignment" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebVTT cue alignment</h1>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTCue/lineAlign">VTTCue.lineAlign</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTCue/positionAlign">VTTCue.positionAlign</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webvtt/#dom-vttcue-linealign">https://w3c.github.io/webvtt/#dom-vttcue-linealign</a></li>
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webvtt/#dom-vttcue-positionalign">https://w3c.github.io/webvtt/#dom-vttcue-positionalign</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebVTT cue alignment">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT cue alignment+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebVTT cue alignment">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT cue alignment+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebVTT cue alignment">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT cue alignment+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTCue.json">api.VTTCue.lineAlign</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTCue.json">api.VTTCue.positionAlign</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webvtt-regions/index.html b/docs/features/webvtt-regions/index.html
new file mode 100644
index 0000000000..a4e6c1cbab
--- /dev/null
+++ b/docs/features/webvtt-regions/index.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebVTT regions</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webvtt-regions" class="feature baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+  
+  <h1>WebVTT regions</h1>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion">VTTRegion</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/VTTRegion">VTTRegion.VTTRegion</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/id">VTTRegion.id</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/regionAnchorX">VTTRegion.regionAnchorX</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/regionAnchorY">VTTRegion.regionAnchorY</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/scroll">VTTRegion.scroll</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/viewportAnchorX">VTTRegion.viewportAnchorX</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/viewportAnchorY">VTTRegion.viewportAnchorY</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTRegion/width">VTTRegion.width</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webvtt/#regions">https://w3c.github.io/webvtt/#regions</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebVTT regions">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT regions+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebVTT regions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT regions+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebVTT regions">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT regions+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.VTTRegion</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.id</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.regionAnchorX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.regionAnchorY</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.scroll</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.viewportAnchorX</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.viewportAnchorY</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTRegion.json">api.VTTRegion.width</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/webvtt/index.html b/docs/features/webvtt/index.html
new file mode 100644
index 0000000000..2c8993cc4b
--- /dev/null
+++ b/docs/features/webvtt/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>WebVTT</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="webvtt" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+  
+  <h1>WebVTT</h1>
+  <p>WebVTT is a captions and subtitles format. WebVTT files are loaded using the <code>&#x3C;track></code> element, and the <code>VTTCue</code> API can be used to create or update cues dynamically.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/webvtt">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2012-11-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="api">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTCue">VTTCue</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTCue/getCueAsHTML">VTTCue.getCueAsHTML</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/API/VTTCue/text">VTTCue.text</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://w3c.github.io/webvtt/">https://w3c.github.io/webvtt/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#WebVTT">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=WebVTT">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=WebVTT">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement WebVTT+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTCue.json">api.VTTCue</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTCue.json">api.VTTCue.getCueAsHTML</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/api/VTTCue.json">api.VTTCue.text</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/where/index.html b/docs/features/where/index.html
new file mode 100644
index 0000000000..d098120a73
--- /dev/null
+++ b/docs/features/where/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>:where()</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="where" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+  
+  <h1>:where()</h1>
+  <p>The <code>:where()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity.</p>
+  
+  <h3>Compatibility</h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:where">:where pseudo-class</a></li>
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/:where#Forgiving_Selector_Parsing">:where#Forgiving_Selector_Parsing pseudo-class</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/selectors-4/#zero-matches">https://drafts.csswg.org/selectors-4/#zero-matches</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#:where()">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement :where()+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=:where()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :where()+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=:where()">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement :where()+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/where.json">css.selectors.where</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/selectors/where.json">css.selectors.where.forgiving_selector_list</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/features/will-change/index.html b/docs/features/will-change/index.html
new file mode 100644
index 0000000000..90c3d5ae43
--- /dev/null
+++ b/docs/features/will-change/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>will-change</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<div id="will-change" class="feature baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+  
+  <h1>will-change</h1>
+  <p>The <code>will-change</code> CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.</p>
+  
+  <h3>Compatibility <span class="subtext">(<a href="https://caniuse.com/will-change">view on caniuse.com</a>)</span></h3>
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+  
+  
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    
+      <ul class="mdn-docs-area link-list" data-area="css">
+        
+          <li class="link-list-item"><a href="https://developer.mozilla.org/docs/Web/CSS/will-change">will-change property</a></li>
+        
+      </ul>
+    
+  </div>
+
+
+  
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      
+        <li class="link-list-item"><a href="https://drafts.csswg.org/css-will-change-1/">https://drafts.csswg.org/css-will-change-1/</a></li>
+      
+    </ul>
+  </div>
+
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#will-change">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement will-change+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q=will-change">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement will-change+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q=will-change">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement will-change+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/will-change.json">css.properties.will-change</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/will-change.json">css.properties.will-change.auto</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/will-change.json">css.properties.will-change.contents</a></li>
+    
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/css/properties/will-change.json">css.properties.will-change.scroll-position</a></li>
+    
+  </ul>
+</div>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000000..a2afa0865b
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Web features explorer</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>Web features explorer</h1>
+
+<p>This website displays various lists of web features, organized by whether they are available on the web platform or not.</p>
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/missingone/index.html b/docs/missingone/index.html
new file mode 100644
index 0000000000..67e1ecf10c
--- /dev/null
+++ b/docs/missingone/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Features missing in just one engine</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      <h1>Features missing in just one engine</h1>
+
+<p>These web features are not yet available, one browser engine has not implemented it yet.</p>
+
+<ul class="features">
+  
+</ul>
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2008-06/index.html b/docs/monthly/2008-06/index.html
new file mode 100644
index 0000000000..ead1fd1ac7
--- /dev/null
+++ b/docs/monthly/2008-06/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2008-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2008-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="font-size-adjust" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-size-adjust</h2>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  <p><strong><a href="/web-features-explorer/features/font-size-adjust/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2011-03/index.html b/docs/monthly/2011-03/index.html
new file mode 100644
index 0000000000..919d5f0293
--- /dev/null
+++ b/docs/monthly/2011-03/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2011-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2011-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="font-size-adjust" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-size-adjust</h2>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  <p><strong><a href="/web-features-explorer/features/font-size-adjust/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2012-06/index.html b/docs/monthly/2012-06/index.html
new file mode 100644
index 0000000000..5818ca2126
--- /dev/null
+++ b/docs/monthly/2012-06/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2012-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2012-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2012-07/index.html b/docs/monthly/2012-07/index.html
new file mode 100644
index 0000000000..7eb340c097
--- /dev/null
+++ b/docs/monthly/2012-07/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2012-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2012-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2013-02/index.html b/docs/monthly/2013-02/index.html
new file mode 100644
index 0000000000..0072f04e1b
--- /dev/null
+++ b/docs/monthly/2013-02/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2013-02</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2013-02 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="html-media-capture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTML media capture</h2>
+  <p>The <code>capture</code> HTML attribute for <code>&#x3C;input type="file"></code> elements allows the user to capture media using the device's camera or microphone.</p>
+  <p><strong><a href="/web-features-explorer/features/html-media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2013-06/index.html b/docs/monthly/2013-06/index.html
new file mode 100644
index 0000000000..0c12bf44b7
--- /dev/null
+++ b/docs/monthly/2013-06/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2013-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2013-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2013-09/index.html b/docs/monthly/2013-09/index.html
new file mode 100644
index 0000000000..8ebacc1fd3
--- /dev/null
+++ b/docs/monthly/2013-09/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2013-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2013-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webvtt-regions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT regions</h2>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-regions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2013-10/index.html b/docs/monthly/2013-10/index.html
new file mode 100644
index 0000000000..c5af251e93
--- /dev/null
+++ b/docs/monthly/2013-10/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2013-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2013-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webvtt-regions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT regions</h2>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-regions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2013-11/index.html b/docs/monthly/2013-11/index.html
new file mode 100644
index 0000000000..ca4f60ea72
--- /dev/null
+++ b/docs/monthly/2013-11/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2013-11</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2013-11 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2014-07/index.html b/docs/monthly/2014-07/index.html
new file mode 100644
index 0000000000..51970b84f2
--- /dev/null
+++ b/docs/monthly/2014-07/index.html
@@ -0,0 +1,484 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2014-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2014-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="fast-seek" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>fastSeek()</h2>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  <p><strong><a href="/web-features-explorer/features/fast-seek/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webvtt-cue-alignment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT cue alignment</h2>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-cue-alignment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="fast-seek" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>fastSeek()</h2>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  <p><strong><a href="/web-features-explorer/features/fast-seek/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webvtt-cue-alignment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT cue alignment</h2>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-cue-alignment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2014-08/index.html b/docs/monthly/2014-08/index.html
new file mode 100644
index 0000000000..bf80dad04e
--- /dev/null
+++ b/docs/monthly/2014-08/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2014-08</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2014-08 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2014-09/index.html b/docs/monthly/2014-09/index.html
new file mode 100644
index 0000000000..68a04cc412
--- /dev/null
+++ b/docs/monthly/2014-09/index.html
@@ -0,0 +1,340 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2014-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2014-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="audio-video-tracks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio and video tracks</h2>
+  <p>The <code>audioTracks</code> and <code>videoTracks</code> APIs for media elements switch audio and video tracks during playback.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-video-tracks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fast-seek" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>fastSeek()</h2>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  <p><strong><a href="/web-features-explorer/features/fast-seek/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2014-10/index.html b/docs/monthly/2014-10/index.html
new file mode 100644
index 0000000000..57b47704d4
--- /dev/null
+++ b/docs/monthly/2014-10/index.html
@@ -0,0 +1,421 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2014-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2014-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="screen-orientation-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Screen orientation lock</h2>
+  <p>The <code>screen.orientation.lock()</code> method prevents changes to the screen orientation, typically in fullscreen applications such as games. For example, while locked, rotating a phone to the side won't change the screen orientation from landscape to portrait.</p>
+  <p><strong><a href="/web-features-explorer/features/screen-orientation-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="audio-video-tracks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio and video tracks</h2>
+  <p>The <code>audioTracks</code> and <code>videoTracks</code> APIs for media elements switch audio and video tracks during playback.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-video-tracks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fast-seek" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>fastSeek()</h2>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  <p><strong><a href="/web-features-explorer/features/fast-seek/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2015-04/index.html b/docs/monthly/2015-04/index.html
new file mode 100644
index 0000000000..f51be485fe
--- /dev/null
+++ b/docs/monthly/2015-04/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2015-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2015-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2015-05/index.html b/docs/monthly/2015-05/index.html
new file mode 100644
index 0000000000..dbf770b7d1
--- /dev/null
+++ b/docs/monthly/2015-05/index.html
@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2015-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2015-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="web-midi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web MIDI</h2>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  <p><strong><a href="/web-features-explorer/features/web-midi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="web-midi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web MIDI</h2>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  <p><strong><a href="/web-features-explorer/features/web-midi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2015-07/index.html b/docs/monthly/2015-07/index.html
new file mode 100644
index 0000000000..73fb09dcff
--- /dev/null
+++ b/docs/monthly/2015-07/index.html
@@ -0,0 +1,341 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2015-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2015-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="page-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Page breaks</h2>
+  <p>The <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties (along with <code>page-break-</code> aliases) control where printed pages start and end. Also known as pagination or page breaking.</p>
+  <p><strong><a href="/web-features-explorer/features/page-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2015-11/index.html b/docs/monthly/2015-11/index.html
new file mode 100644
index 0000000000..c0b3acde00
--- /dev/null
+++ b/docs/monthly/2015-11/index.html
@@ -0,0 +1,325 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2015-11</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2015-11 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2016-04/index.html b/docs/monthly/2016-04/index.html
new file mode 100644
index 0000000000..753a5b59ab
--- /dev/null
+++ b/docs/monthly/2016-04/index.html
@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2016-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2016-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="page-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Page breaks</h2>
+  <p>The <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties (along with <code>page-break-</code> aliases) control where printed pages start and end. Also known as pagination or page breaking.</p>
+  <p><strong><a href="/web-features-explorer/features/page-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="page-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Page breaks</h2>
+  <p>The <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties (along with <code>page-break-</code> aliases) control where printed pages start and end. Also known as pagination or page breaking.</p>
+  <p><strong><a href="/web-features-explorer/features/page-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2016-08/index.html b/docs/monthly/2016-08/index.html
new file mode 100644
index 0000000000..67cd06ac6b
--- /dev/null
+++ b/docs/monthly/2016-08/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2016-08</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2016-08 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2016-09/index.html b/docs/monthly/2016-09/index.html
new file mode 100644
index 0000000000..373dabb2c4
--- /dev/null
+++ b/docs/monthly/2016-09/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2016-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2016-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="html-media-capture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTML media capture</h2>
+  <p>The <code>capture</code> HTML attribute for <code>&#x3C;input type="file"></code> elements allows the user to capture media using the device's camera or microphone.</p>
+  <p><strong><a href="/web-features-explorer/features/html-media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2016-11/index.html b/docs/monthly/2016-11/index.html
new file mode 100644
index 0000000000..d8ac0388f7
--- /dev/null
+++ b/docs/monthly/2016-11/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2016-11</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2016-11 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2017-02/index.html b/docs/monthly/2017-02/index.html
new file mode 100644
index 0000000000..d9ea7706da
--- /dev/null
+++ b/docs/monthly/2017-02/index.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2017-02</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2017-02 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="web-bluetooth" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web Bluetooth</h2>
+  <p>The Web Bluetooth API enables selecting and communicating with nearby Bluetooth devices.</p>
+  <p><strong><a href="/web-features-explorer/features/web-bluetooth/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2017-03/index.html b/docs/monthly/2017-03/index.html
new file mode 100644
index 0000000000..4bb8007ccb
--- /dev/null
+++ b/docs/monthly/2017-03/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2017-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2017-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2017-04/index.html b/docs/monthly/2017-04/index.html
new file mode 100644
index 0000000000..70b713e37a
--- /dev/null
+++ b/docs/monthly/2017-04/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2017-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2017-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="controls-list" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>controlslist</h2>
+  <p>The <code>controlslist</code> attribute for <code>&#x3C;audio></code> or <code>&#x3C;video></code> hides parts of the browser's built-in controls. For example, <code>controlslist="nofullscreen"</code> removes the button to play the video in fullscreen.</p>
+  <p><strong><a href="/web-features-explorer/features/controls-list/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="controls-list" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>controlslist</h2>
+  <p>The <code>controlslist</code> attribute for <code>&#x3C;audio></code> or <code>&#x3C;video></code> hides parts of the browser's built-in controls. For example, <code>controlslist="nofullscreen"</code> removes the button to play the video in fullscreen.</p>
+  <p><strong><a href="/web-features-explorer/features/controls-list/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2017-09/index.html b/docs/monthly/2017-09/index.html
new file mode 100644
index 0000000000..3a55ede200
--- /dev/null
+++ b/docs/monthly/2017-09/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2017-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2017-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webusb" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebUSB</h2>
+  <p>The WebUSB API exposes USB compatible devices to web pages.</p>
+  <p><strong><a href="/web-features-explorer/features/webusb/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webusb" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebUSB</h2>
+  <p>The WebUSB API exposes USB compatible devices to web pages.</p>
+  <p><strong><a href="/web-features-explorer/features/webusb/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-01/index.html b/docs/monthly/2018-01/index.html
new file mode 100644
index 0000000000..60b2db2e6a
--- /dev/null
+++ b/docs/monthly/2018-01/index.html
@@ -0,0 +1,1524 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-01</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-01 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array (initial support)</h2>
+  <p>Arrays are ordered lists of JavaScript values.</p>
+  <p><strong><a href="/web-features-explorer/features/array/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-isarray" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array.isArray()</h2>
+  <p>The <code>Array.isArray()</code> static method checks whether a value is an array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-isarray/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-iteration-methods" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array iteration methods</h2>
+  <p>Array iteration methods</p>
+  <p><strong><a href="/web-features-explorer/features/array-iteration-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2009-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-splice" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Array splice()</h2>
+  <p>The array <code>splice()</code> method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index.</p>
+  <p><strong><a href="/web-features-explorer/features/array-splice/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="autofocus" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Autofocus</h2>
+  <p>The <code>autofocus</code> HTML attribute gives focus to an element on page load.</p>
+  <p><strong><a href="/web-features-explorer/features/autofocus/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="background-clip" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>background-clip</h2>
+  <p>The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.</p>
+  <p><strong><a href="/web-features-explorer/features/background-clip/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="calc" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>calc()</h2>
+  <p>The <code>calc()</code> CSS function computes mathematical expressions such a <code>calc(100%/3 - 1em)</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/calc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">28</span>
+        <span class="date">Released on 2013-07-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="canvas-text" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Canvas text metrics</h2>
+  <p>The <code>fillText()</code> and  <code>strokeText()</code> methods draw text to a 2D canvas. The <code>measureText()</code> method measures the width and other metrics which can be used to position the text.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2009-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="http11" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>HTTP/1.1</h2>
+  <p>HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3.</p>
+  <p><strong><a href="/web-features-explorer/features/http11/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="map" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Map (initial support)</h2>
+  <p>Map objects hold key-value pairs and remember the original insertion order of the keys.</p>
+  <p><strong><a href="/web-features-explorer/features/map/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="nth-child" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>:nth-child() (initial support)</h2>
+  <p>The <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements (first, second, third, fourth, and so on), counted from the first or last sibling.</p>
+  <p><strong><a href="/web-features-explorer/features/nth-child/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2010-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3.5</span>
+        <span class="date">Released on 2009-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">3.1</span>
+        <span class="date">Released on 2008-03-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">2</span>
+        <span class="date">Released on 2008-07-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="promise" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Promise (initial support)</h2>
+  <p>A promise represents an asynchronous operation which eventually succeeds or fails.</p>
+  <p><strong><a href="/web-features-explorer/features/promise/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">29</span>
+        <span class="date">Released on 2014-04-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="request-animation-frame" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>requestAnimationFrame()</h2>
+  <p>The <code>requestAnimationFrame()</code> method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/request-animation-frame/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">24</span>
+        <span class="date">Released on 2013-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2013-08-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="search-input-type" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>&lt;input type=&quot;search&quot;&gt;</h2>
+  <p>The <code>&#x3C;input></code> HTML element with the <code>type="search"</code> attribute represents a text field for search queries, which might be styled differently by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/search-input-type/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="set" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Set (initial support)</h2>
+  <p>Set objects store unique values of any type.</p>
+  <p><strong><a href="/web-features-explorer/features/set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2012-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on </span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="text-indent" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>text-indent</h2>
+  <p>The <code>text-indent</code> CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.</p>
+  <p><strong><a href="/web-features-explorer/features/text-indent/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2003-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="typed-arrays" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>Typed arrays (initial support)</h2>
+  <p>Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.</p>
+  <p><strong><a href="/web-features-explorer/features/typed-arrays/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2010-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5.1</span>
+        <span class="date">Released on 2011-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="webvtt" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-01-29 (baseline high)
+</div>
+
+  <h2>WebVTT</h2>
+  <p>WebVTT is a captions and subtitles format. WebVTT files are loaded using the <code>&#x3C;track></code> element, and the <code>VTTCue</code> API can be used to create or update cues dynamically.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">23</span>
+        <span class="date">Released on 2012-11-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-03/index.html b/docs/monthly/2018-03/index.html
new file mode 100644
index 0000000000..4422ffd903
--- /dev/null
+++ b/docs/monthly/2018-03/index.html
@@ -0,0 +1,981 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array-copywithin" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array copyWithin()</h2>
+  <p>The <code>copyWithin()</code> method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length.</p>
+  <p><strong><a href="/web-features-explorer/features/array-copywithin/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-fill" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+
+  <h2>Array fill()</h2>
+  <p>The <code>fill()</code> method of arrays and typed arrays sets all or some items of an array to a given a value.</p>
+  <p><strong><a href="/web-features-explorer/features/array-fill/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-find" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-01 (baseline high)
+</div>
+
+  <h2>Array find() and findIndex()</h2>
+  <p>The <code>find()</code> and <code>findIndex()</code> methods of arrays and typed arrays search an array for the first item that satisfies a test function.</p>
+  <p><strong><a href="/web-features-explorer/features/array-find/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-from" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array.from()</h2>
+  <p>The <code>Array.from()</code> and typed array <code>.from()</code> static methods copy items from an iterable or array-like object to make a new array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-from/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">32</span>
+        <span class="date">Released on 2014-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-of" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>Array.of()</h2>
+  <p>The <code>Array.of()</code> and typed array <code>.of()</code> static methods create new arrays from the values of any number of arguments.</p>
+  <p><strong><a href="/web-features-explorer/features/array-of/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-10-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="http2" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>HTTP/2</h2>
+  <p>The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once.</p>
+  <p><strong><a href="/web-features-explorer/features/http2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">41</span>
+        <span class="date">Released on 2015-03-11</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="transforms2d" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-03-30 (baseline high)
+</div>
+
+  <h2>2D transforms</h2>
+  <p>The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.</p>
+  <p><strong><a href="/web-features-explorer/features/transforms2d/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="paint" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>paint()</h2>
+  <p>The <code>paint()</code> CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.</p>
+  <p><strong><a href="/web-features-explorer/features/paint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="paint" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>paint()</h2>
+  <p>The <code>paint()</code> CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.</p>
+  <p><strong><a href="/web-features-explorer/features/paint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webvtt-regions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT regions</h2>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-regions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webvtt-regions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT regions</h2>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-regions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-05/index.html b/docs/monthly/2018-05/index.html
new file mode 100644
index 0000000000..3ed787dc57
--- /dev/null
+++ b/docs/monthly/2018-05/index.html
@@ -0,0 +1,349 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="template" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-05-12 (baseline high)
+</div>
+
+  <h2>&lt;template&gt;</h2>
+  <p>The <code>&#x3C;template></code> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/template/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-06/index.html b/docs/monthly/2018-06/index.html
new file mode 100644
index 0000000000..ef582987aa
--- /dev/null
+++ b/docs/monthly/2018-06/index.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array-includes" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-06-01 (baseline high)
+</div>
+
+  <h2>Array includes()</h2>
+  <p>The <code>includes()</code> method of arrays and typed arrays returns whether a given value appears in the array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-includes/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">47</span>
+        <span class="date">Released on 2015-12-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-09/index.html b/docs/monthly/2018-09/index.html
new file mode 100644
index 0000000000..acf6fa720f
--- /dev/null
+++ b/docs/monthly/2018-09/index.html
@@ -0,0 +1,416 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="typed-array-iteration-methods" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2018-09-21 (baseline high)
+</div>
+
+  <h2>Typed array iteration methods</h2>
+  <p>Typed array iteration methods</p>
+  <p><strong><a href="/web-features-explorer/features/typed-array-iteration-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2015-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2015-03-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-10/index.html b/docs/monthly/2018-10/index.html
new file mode 100644
index 0000000000..3bd1744d75
--- /dev/null
+++ b/docs/monthly/2018-10/index.html
@@ -0,0 +1,381 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="web-bluetooth" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web Bluetooth</h2>
+  <p>The Web Bluetooth API enables selecting and communicating with nearby Bluetooth devices.</p>
+  <p><strong><a href="/web-features-explorer/features/web-bluetooth/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2018-12/index.html b/docs/monthly/2018-12/index.html
new file mode 100644
index 0000000000..133fbed090
--- /dev/null
+++ b/docs/monthly/2018-12/index.html
@@ -0,0 +1,792 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2018-12</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2018-12 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2019-03/index.html b/docs/monthly/2019-03/index.html
new file mode 100644
index 0000000000..486ae9fb6b
--- /dev/null
+++ b/docs/monthly/2019-03/index.html
@@ -0,0 +1,570 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2019-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2019-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array-iterators" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>Array iterators</h2>
+  <p>Arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/array-iterators/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="font-face" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>@font-face</h2>
+  <p>The <code>@font-face</code> CSS at-rule creates a custom <code>font-family</code> value. The at-rule's descriptors set the font's name, source, and various display settings.</p>
+  <p><strong><a href="/web-features-explorer/features/font-face/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="typed-array-iterators" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-03-20 (baseline high)
+</div>
+
+  <h2>Typed array iterators</h2>
+  <p>Typed arrays are iterable with the <code>for…of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/typed-array-iterators/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2019-04/index.html b/docs/monthly/2019-04/index.html
new file mode 100644
index 0000000000..7864ab3d1d
--- /dev/null
+++ b/docs/monthly/2019-04/index.html
@@ -0,0 +1,400 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2019-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2019-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="background-fetch" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Background fetch</h2>
+  <p>Background fetch downloads data in the background even when the web page is closed.</p>
+  <p><strong><a href="/web-features-explorer/features/background-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="intersection-observer-v2" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Intersection observer visibility tracking</h2>
+  <p>The <code>trackVisibility</code> parameter for the <code>IntersectionObserver</code> constructor enables tracking the visibility of an element, to detect if it may be obscured by other content or visual effects. Also known as IntersectionObserver v2.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer-v2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="background-fetch" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Background fetch</h2>
+  <p>Background fetch downloads data in the background even when the web page is closed.</p>
+  <p><strong><a href="/web-features-explorer/features/background-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="intersection-observer-v2" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Intersection observer visibility tracking</h2>
+  <p>The <code>trackVisibility</code> parameter for the <code>IntersectionObserver</code> constructor enables tracking the visibility of an element, to detect if it may be obscured by other content or visual effects. Also known as IntersectionObserver v2.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer-v2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2019-07/index.html b/docs/monthly/2019-07/index.html
new file mode 100644
index 0000000000..3c305df0bc
--- /dev/null
+++ b/docs/monthly/2019-07/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2019-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2019-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2019-08/index.html b/docs/monthly/2019-08/index.html
new file mode 100644
index 0000000000..3a0419e11c
--- /dev/null
+++ b/docs/monthly/2019-08/index.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2019-08</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2019-08 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="border-image" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-08-01 (baseline high)
+</div>
+
+  <h2>Border images</h2>
+  <p>The <code>border-image</code> CSS property draws an image around an element.</p>
+  <p><strong><a href="/web-features-explorer/features/border-image/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2019-09/index.html b/docs/monthly/2019-09/index.html
new file mode 100644
index 0000000000..176e100c29
--- /dev/null
+++ b/docs/monthly/2019-09/index.html
@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2019-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2019-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="class-syntax" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+
+  <h2>Classes</h2>
+  <p>Classes are an object-oriented syntax for JavaScript prototypes.</p>
+  <p><strong><a href="/web-features-explorer/features/class-syntax/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="fetch" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-09-27 (baseline high)
+</div>
+
+  <h2>Fetch (initial support)</h2>
+  <p>The <code>fetch()</code> method makes asynchronous HTTP requests.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2019-10/index.html b/docs/monthly/2019-10/index.html
new file mode 100644
index 0000000000..2698492750
--- /dev/null
+++ b/docs/monthly/2019-10/index.html
@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2019-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2019-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="async-await" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+
+  <h2>Async functions</h2>
+  <p>The <code>async</code> and <code>await</code> keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains.</p>
+  <p><strong><a href="/web-features-explorer/features/async-await/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">52</span>
+        <span class="date">Released on 2017-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="custom-properties" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2019-10-05 (baseline high)
+</div>
+
+  <h2>Custom properties</h2>
+  <p>Custom properties are CSS properties prefixed with <code>--</code> that set values you can reuse with the <code>var()</code> function. For example, you can set a <code>--key-color</code> property to reuse as <code>border-color: var(--key-color)</code>. Also known as CSS variables.</p>
+  <p><strong><a href="/web-features-explorer/features/custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-03-09</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2017-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-01/index.html b/docs/monthly/2020-01/index.html
new file mode 100644
index 0000000000..d8f88a10ac
--- /dev/null
+++ b/docs/monthly/2020-01/index.html
@@ -0,0 +1,1112 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-01</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-01 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="background-fetch" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Background fetch</h2>
+  <p>Background fetch downloads data in the background even when the web page is closed.</p>
+  <p><strong><a href="/web-features-explorer/features/background-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="controls-list" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>controlslist</h2>
+  <p>The <code>controlslist</code> attribute for <code>&#x3C;audio></code> or <code>&#x3C;video></code> hides parts of the browser's built-in controls. For example, <code>controlslist="nofullscreen"</code> removes the button to play the video in fullscreen.</p>
+  <p><strong><a href="/web-features-explorer/features/controls-list/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="intersection-observer-v2" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Intersection observer visibility tracking</h2>
+  <p>The <code>trackVisibility</code> parameter for the <code>IntersectionObserver</code> constructor enables tracking the visibility of an element, to detect if it may be obscured by other content or visual effects. Also known as IntersectionObserver v2.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer-v2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="paint" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>paint()</h2>
+  <p>The <code>paint()</code> CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.</p>
+  <p><strong><a href="/web-features-explorer/features/paint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="web-bluetooth" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web Bluetooth</h2>
+  <p>The Web Bluetooth API enables selecting and communicating with nearby Bluetooth devices.</p>
+  <p><strong><a href="/web-features-explorer/features/web-bluetooth/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="web-midi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web MIDI</h2>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  <p><strong><a href="/web-features-explorer/features/web-midi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webusb" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebUSB</h2>
+  <p>The WebUSB API exposes USB compatible devices to web pages.</p>
+  <p><strong><a href="/web-features-explorer/features/webusb/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-02/index.html b/docs/monthly/2020-02/index.html
new file mode 100644
index 0000000000..6351db1e1b
--- /dev/null
+++ b/docs/monthly/2020-02/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-02</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-02 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-03/index.html b/docs/monthly/2020-03/index.html
new file mode 100644
index 0000000000..24d34e84ba
--- /dev/null
+++ b/docs/monthly/2020-03/index.html
@@ -0,0 +1,430 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="media-capture" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+
+  <h2>Media capture</h2>
+  <p>The <code>navigator.mediaDevices.getUserMedia()</code> API requests access to devices that produce audio or video streams, such as microphones or video cameras.</p>
+  <p><strong><a href="/web-features-explorer/features/media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2015-07-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="resource-timing" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-03-19 (baseline high)
+</div>
+
+  <h2>Resource timing (initial support)</h2>
+  <p><code>PerformanceResourceTiming</code> entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times.</p>
+  <p><strong><a href="/web-features-explorer/features/resource-timing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">35</span>
+        <span class="date">Released on 2015-01-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-04/index.html b/docs/monthly/2020-04/index.html
new file mode 100644
index 0000000000..758597e43e
--- /dev/null
+++ b/docs/monthly/2020-04/index.html
@@ -0,0 +1,321 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="viewport-units" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-04-17 (baseline high)
+</div>
+
+  <h2>Viewport units</h2>
+  <p>The <code>vw</code>, <code>vh</code>, <code>vmin</code>, and <code>vmax</code> CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.</p>
+  <p><strong><a href="/web-features-explorer/features/viewport-units/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-03-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">26</span>
+        <span class="date">Released on 2013-04-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2013-02-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-05/index.html b/docs/monthly/2020-05/index.html
new file mode 100644
index 0000000000..5d2bb8ca1e
--- /dev/null
+++ b/docs/monthly/2020-05/index.html
@@ -0,0 +1,691 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="trusted-types" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Trusted types</h2>
+  <p>Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
+  <p><strong><a href="/web-features-explorer/features/trusted-types/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="trusted-types" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Trusted types</h2>
+  <p>Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
+  <p><strong><a href="/web-features-explorer/features/trusted-types/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="trusted-types" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Trusted types</h2>
+  <p>Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
+  <p><strong><a href="/web-features-explorer/features/trusted-types/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-07/index.html b/docs/monthly/2020-07/index.html
new file mode 100644
index 0000000000..680a31db40
--- /dev/null
+++ b/docs/monthly/2020-07/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="html-media-capture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTML media capture</h2>
+  <p>The <code>capture</code> HTML attribute for <code>&#x3C;input type="file"></code> elements allows the user to capture media using the device's camera or microphone.</p>
+  <p><strong><a href="/web-features-explorer/features/html-media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-08/index.html b/docs/monthly/2020-08/index.html
new file mode 100644
index 0000000000..73ba9a4e58
--- /dev/null
+++ b/docs/monthly/2020-08/index.html
@@ -0,0 +1,325 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-08</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-08 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-10/index.html b/docs/monthly/2020-10/index.html
new file mode 100644
index 0000000000..080ddfb413
--- /dev/null
+++ b/docs/monthly/2020-10/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2020-11/index.html b/docs/monthly/2020-11/index.html
new file mode 100644
index 0000000000..d2cac12811
--- /dev/null
+++ b/docs/monthly/2020-11/index.html
@@ -0,0 +1,408 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2020-11</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2020-11 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="js-modules" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2020-11-09 (baseline high)
+</div>
+
+  <h2>JavaScript modules</h2>
+  <p>JavaScript modules allow code to be organized into reusable units. Modules use <code>import</code> to load other modules and <code>export</code> to declare what is available to import from other modules. In HTML, modules are loaded with <code>&#x3C;script type="module"></code>.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2018-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2021-03/index.html b/docs/monthly/2021-03/index.html
new file mode 100644
index 0000000000..ba4b541df5
--- /dev/null
+++ b/docs/monthly/2021-03/index.html
@@ -0,0 +1,735 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2021-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2021-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="speech-synthesis" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-03-05 (baseline high)
+</div>
+
+  <h2>Speech synthesis</h2>
+  <p>The <code>SpeechSynthesis</code> API converts text into audio using a synthetic voice.</p>
+  <p><strong><a href="/web-features-explorer/features/speech-synthesis/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-02-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="target-text" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::target-text</h2>
+  <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/target-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webhid" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebHID</h2>
+  <p>The WebHID API provides access to Human Interface Devices (HID) that are connected to the user's device.</p>
+  <p><strong><a href="/web-features-explorer/features/webhid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="target-text" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::target-text</h2>
+  <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/target-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="web-nfc" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web NFC</h2>
+  <p>The <code>NDEFReader</code> API reads and writes messages to near-field communication (NFC) tags.</p>
+  <p><strong><a href="/web-features-explorer/features/web-nfc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="target-text" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::target-text</h2>
+  <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/target-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webhid" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebHID</h2>
+  <p>The WebHID API provides access to Human Interface Devices (HID) that are connected to the user's device.</p>
+  <p><strong><a href="/web-features-explorer/features/webhid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2021-04/index.html b/docs/monthly/2021-04/index.html
new file mode 100644
index 0000000000..5cca4b3dd9
--- /dev/null
+++ b/docs/monthly/2021-04/index.html
@@ -0,0 +1,618 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2021-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2021-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="promise-finally" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+
+  <h2>Promise finally()</h2>
+  <p>The promise <code>finally()</code> method executes a function when the promise settles (resolves or rejects).</p>
+  <p><strong><a href="/web-features-explorer/features/promise-finally/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2018-01-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="tabindex" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-04-02 (baseline high)
+</div>
+
+  <h2>tabindex</h2>
+  <p>The <code>tabindex</code> HTML attribute make an element focusable, and defines the element's relative ordering for sequential focus navigation.</p>
+  <p><strong><a href="/web-features-explorer/features/tabindex/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1.5</span>
+        <span class="date">Released on 2005-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webvtt-cue-alignment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT cue alignment</h2>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-cue-alignment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webvtt-cue-alignment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT cue alignment</h2>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-cue-alignment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2021-05/index.html b/docs/monthly/2021-05/index.html
new file mode 100644
index 0000000000..9b09b8399b
--- /dev/null
+++ b/docs/monthly/2021-05/index.html
@@ -0,0 +1,325 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2021-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2021-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2021-06/index.html b/docs/monthly/2021-06/index.html
new file mode 100644
index 0000000000..d4f7048c90
--- /dev/null
+++ b/docs/monthly/2021-06/index.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2021-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2021-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="constraint-validation" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-06-11 (baseline high)
+</div>
+
+  <h2>Constraint validation API</h2>
+  <p>Methods that validate form controls before submission, such as <code>checkValidity()</code>, <code>reportValidity()</code> and <code>setCustomValidity()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/constraint-validation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">40</span>
+        <span class="date">Released on 2015-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2021-09/index.html b/docs/monthly/2021-09/index.html
new file mode 100644
index 0000000000..c95a3d57c3
--- /dev/null
+++ b/docs/monthly/2021-09/index.html
@@ -0,0 +1,1473 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2021-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2021-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="abortable-fetch" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>Abortable fetch</h2>
+  <p>If you construct a fetch request with an <code>AbortSignal</code>, you can cancel the request.</p>
+  <p><strong><a href="/web-features-explorer/features/abortable-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="aborting" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>AbortController and AbortSignal</h2>
+  <p>The <code>AbortController</code> and <code>AbortSignal</code> APIs allow you to cancel an ongoing operation, such as a <code>fetch()</code> request.</p>
+  <p><strong><a href="/web-features-explorer/features/aborting/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="intersection-observer" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2021-09-25 (baseline high)
+</div>
+
+  <h2>Intersection observer</h2>
+  <p>The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2017-08-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="idle-detection" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Idle detection</h2>
+  <p>The <code>IdleDetector</code> API is used to notify a webpage of the user's idle, active, and locked state.</p>
+  <p><strong><a href="/web-features-explorer/features/idle-detection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scheduler" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scheduler API</h2>
+  <p>The <code>scheduler</code> API provides a way to prioritize all tasks belonging to an application.</p>
+  <p><strong><a href="/web-features-explorer/features/scheduler/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="idle-detection" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Idle detection</h2>
+  <p>The <code>IdleDetector</code> API is used to notify a webpage of the user's idle, active, and locked state.</p>
+  <p><strong><a href="/web-features-explorer/features/idle-detection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scheduler" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scheduler API</h2>
+  <p>The <code>scheduler</code> API provides a way to prioritize all tasks belonging to an application.</p>
+  <p><strong><a href="/web-features-explorer/features/scheduler/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scheduler" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scheduler API</h2>
+  <p>The <code>scheduler</code> API provides a way to prioritize all tasks belonging to an application.</p>
+  <p><strong><a href="/web-features-explorer/features/scheduler/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2021-10/index.html b/docs/monthly/2021-10/index.html
new file mode 100644
index 0000000000..7ebaf2e951
--- /dev/null
+++ b/docs/monthly/2021-10/index.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2021-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2021-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="eyedropper" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Eyedropper</h2>
+  <p>The <code>EyeDropper</code> API opens an eyedropper tool, a color picker that allows users to select a color from their screen.</p>
+  <p><strong><a href="/web-features-explorer/features/eyedropper/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="eyedropper" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Eyedropper</h2>
+  <p>The <code>EyeDropper</code> API opens an eyedropper tool, a color picker that allows users to select a color from their screen.</p>
+  <p><strong><a href="/web-features-explorer/features/eyedropper/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-01/index.html b/docs/monthly/2022-01/index.html
new file mode 100644
index 0000000000..60a95ae33d
--- /dev/null
+++ b/docs/monthly/2022-01/index.html
@@ -0,0 +1,491 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-01</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-01 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="scroll-snap" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-01-09 (baseline high)
+</div>
+
+  <h2>Scroll snap</h2>
+  <p>CSS scroll snap controls the panning and scrolling behavior within a scroll container.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-snap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="font-synthesis" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-01-06 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis</h2>
+  <p>The <code>font-synthesis</code> CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as <code>font-synthesis-style</code> and <code>font-synthesis-weight</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-02/index.html b/docs/monthly/2022-02/index.html
new file mode 100644
index 0000000000..b912cc9859
--- /dev/null
+++ b/docs/monthly/2022-02/index.html
@@ -0,0 +1,582 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-02</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-02 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="color-scheme" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-02-03 (baseline low)
+  
+</div>
+
+  <h2>color-scheme</h2>
+  <p>The <code>color-scheme</code> CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/color-scheme/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-03/index.html b/docs/monthly/2022-03/index.html
new file mode 100644
index 0000000000..bad3d115e3
--- /dev/null
+++ b/docs/monthly/2022-03/index.html
@@ -0,0 +1,2337 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="print-events" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+
+  <h2>Print events</h2>
+  <p>An alternative to <code>@media print</code> queries, the <code>beforeprint</code> and <code>afterprint</code> events allow you to change the page for printing and and restore the page after printing.</p>
+  <p><strong><a href="/web-features-explorer/features/print-events/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2017-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="sticky-positioning" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-03-19 (baseline high)
+</div>
+
+  <h2>Sticky positioning</h2>
+  <p>The <code>position: sticky</code> CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.</p>
+  <p><strong><a href="/web-features-explorer/features/sticky-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2017-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="accent-color" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>accent-color</h2>
+  <p>The <code>accent-color</code> CSS property sets a color for checkboxes, radio buttons, and other form controls.</p>
+  <p><strong><a href="/web-features-explorer/features/accent-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="appearance" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>appearance</h2>
+  <p>The <code>appearance</code> CSS property controls the appearance of form controls. Using <code>appearance: none</code> disables any default native appearance and allows the elements to be styled with CSS.</p>
+  <p><strong><a href="/web-features-explorer/features/appearance/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-at" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Array at()</h2>
+  <p>The <code>at()</code> method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method.</p>
+  <p><strong><a href="/web-features-explorer/features/array-at/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="broadcast-channel" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>BroadcastChannel</h2>
+  <p>The <code>BroadcastChannel</code> API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.</p>
+  <p><strong><a href="/web-features-explorer/features/broadcast-channel/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="cascade-layers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Cascade layers</h2>
+  <p>The <code>@layer</code> CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.</p>
+  <p><strong><a href="/web-features-explorer/features/cascade-layers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="dialog" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>&lt;dialog&gt;</h2>
+  <p>The <code>&#x3C;dialog></code> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.</p>
+  <p><strong><a href="/web-features-explorer/features/dialog/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="focus-visible" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>:focus-visible</h2>
+  <p>The <code>:focus-visible</code> CSS pseudo-class selects elements that match the <code>:focus</code> pseudo-class and meets the browser's criteria for visually emphasizing focused elements.</p>
+  <p><strong><a href="/web-features-explorer/features/focus-visible/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="structured-clone" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>structuredClone()</h2>
+  <p>The <code>structuredClone()</code> global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.</p>
+  <p><strong><a href="/web-features-explorer/features/structured-clone/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="transforms3d" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>3D transforms</h2>
+  <p>The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.</p>
+  <p><strong><a href="/web-features-explorer/features/transforms3d/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="web-locks" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Locks</h2>
+  <p>The <code>navigator.locks</code> API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.</p>
+  <p><strong><a href="/web-features-explorer/features/web-locks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="abs-sign" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>abs() and sign()</h2>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  <p><strong><a href="/web-features-explorer/features/abs-sign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-pseudos" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media element pseudo-classes</h2>
+  <p>The <code>:playing</code>, <code>:paused</code>, <code>:seeking</code>, <code>:buffering</code>, <code>:stalled</code>, <code>:muted</code>, and <code>:volume-locked</code> CSS pseudo-classes match <code>&#x3C;audio></code> and <code>&#x3C;video></code> elements based on their state.</p>
+  <p><strong><a href="/web-features-explorer/features/media-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webrtc-encoded-transform" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebRTC encoded transform</h2>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-encoded-transform/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="abs-sign" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>abs() and sign()</h2>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  <p><strong><a href="/web-features-explorer/features/abs-sign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="media-pseudos" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media element pseudo-classes</h2>
+  <p>The <code>:playing</code>, <code>:paused</code>, <code>:seeking</code>, <code>:buffering</code>, <code>:stalled</code>, <code>:muted</code>, and <code>:volume-locked</code> CSS pseudo-classes match <code>&#x3C;audio></code> and <code>&#x3C;video></code> elements based on their state.</p>
+  <p><strong><a href="/web-features-explorer/features/media-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webrtc-encoded-transform" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebRTC encoded transform</h2>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-encoded-transform/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-05/index.html b/docs/monthly/2022-05/index.html
new file mode 100644
index 0000000000..dfdaf0877d
--- /dev/null
+++ b/docs/monthly/2022-05/index.html
@@ -0,0 +1,1326 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="column-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Column breaks</h2>
+  <p>In columnar layouts (created by the <code>columns</code> or <code>column-count</code> CSS properties), the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> properties control where columns start or end.</p>
+  <p><strong><a href="/web-features-explorer/features/column-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="hidden-until-found" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>hidden=&quot;until-found&quot;</h2>
+  <p>The <code>hidden="until-found"</code> attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.</p>
+  <p><strong><a href="/web-features-explorer/features/hidden-until-found/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="navigation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Navigation API</h2>
+  <p>The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+  <p><strong><a href="/web-features-explorer/features/navigation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="column-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Column breaks</h2>
+  <p>In columnar layouts (created by the <code>columns</code> or <code>column-count</code> CSS properties), the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> properties control where columns start or end.</p>
+  <p><strong><a href="/web-features-explorer/features/column-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="hidden-until-found" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>hidden=&quot;until-found&quot;</h2>
+  <p>The <code>hidden="until-found"</code> attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.</p>
+  <p><strong><a href="/web-features-explorer/features/hidden-until-found/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="navigation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Navigation API</h2>
+  <p>The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+  <p><strong><a href="/web-features-explorer/features/navigation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="column-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Column breaks</h2>
+  <p>In columnar layouts (created by the <code>columns</code> or <code>column-count</code> CSS properties), the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> properties control where columns start or end.</p>
+  <p><strong><a href="/web-features-explorer/features/column-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="hidden-until-found" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>hidden=&quot;until-found&quot;</h2>
+  <p>The <code>hidden="until-found"</code> attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.</p>
+  <p><strong><a href="/web-features-explorer/features/hidden-until-found/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="navigation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Navigation API</h2>
+  <p>The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+  <p><strong><a href="/web-features-explorer/features/navigation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-06/index.html b/docs/monthly/2022-06/index.html
new file mode 100644
index 0000000000..c1b66a7751
--- /dev/null
+++ b/docs/monthly/2022-06/index.html
@@ -0,0 +1,404 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="font-optical-sizing" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-06-17 (baseline high)
+</div>
+
+  <h2>font-optical-sizing</h2>
+  <p>The <code>font-optical-sizing</code> CSS property sets whether text rendering is optimized for viewing at different sizes.</p>
+  <p><strong><a href="/web-features-explorer/features/font-optical-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="streams" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-06-28 (baseline low)
+  
+</div>
+
+  <h2>Streams</h2>
+  <p>The streams API creates, composes, and consumes continuously generated data.</p>
+  <p><strong><a href="/web-features-explorer/features/streams/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-07/index.html b/docs/monthly/2022-07/index.html
new file mode 100644
index 0000000000..b2e67d869e
--- /dev/null
+++ b/docs/monthly/2022-07/index.html
@@ -0,0 +1,1131 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array-flat" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Array flat() and flatMap()</h2>
+  <p>The <code>flat()</code> and <code>flatMap()</code> methods for arrays creates a new array such that each nested array item is concatenated into it.</p>
+  <p><strong><a href="/web-features-explorer/features/array-flat/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">62</span>
+        <span class="date">Released on 2018-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2018-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="autonomous-custom-elements" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Autonomous custom elements</h2>
+  <p>Autonomous custom elements are HTML elements with a hyphenated tag name (like <code>&#x3C;example-element></code>) that have behaviors you define.</p>
+  <p><strong><a href="/web-features-explorer/features/autonomous-custom-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="default" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>:default</h2>
+  <p>The <code>:default</code> CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the <code>checked</code> attribute.</p>
+  <p><strong><a href="/web-features-explorer/features/default/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2011-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2010-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">5</span>
+        <span class="date">Released on 2011-10-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="details" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>&lt;details&gt;</h2>
+  <p>The <code>&#x3C;details></code> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <code>&#x3C;summary></code> element is visible.</p>
+  <p><strong><a href="/web-features-explorer/features/details/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2011-06-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="indeterminate" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>:indeterminate</h2>
+  <p>The <code>:indeterminate</code> CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.</p>
+  <p><strong><a href="/web-features-explorer/features/indeterminate/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">51</span>
+        <span class="date">Released on 2017-01-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="prefers-color-scheme" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>prefers-color-scheme</h2>
+  <p>The <code>prefers-color-scheme</code> CSS media query detects the requested color scheme, light or dark.</p>
+  <p><strong><a href="/web-features-explorer/features/prefers-color-scheme/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2019-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="shadow-dom" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Shadow DOM</h2>
+  <p>Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.</p>
+  <p><strong><a href="/web-features-explorer/features/shadow-dom/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="slot" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>&lt;slot&gt;</h2>
+  <p>The <code>&#x3C;slot></code> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.</p>
+  <p><strong><a href="/web-features-explorer/features/slot/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2016-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="stable-array-sort" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>Stable array sort</h2>
+  <p>Stable array sort() function</p>
+  <p><strong><a href="/web-features-explorer/features/stable-array-sort/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10.3</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="webrtc" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>WebRTC</h2>
+  <p>The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="will-change" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2022-07-15 (baseline high)
+</div>
+
+  <h2>will-change</h2>
+  <p>The <code>will-change</code> CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.</p>
+  <p><strong><a href="/web-features-explorer/features/will-change/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9.1</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9.3</span>
+        <span class="date">Released on 2016-03-21</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <p>No features became available this month.</p>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-08/index.html b/docs/monthly/2022-08/index.html
new file mode 100644
index 0000000000..3ad0267b91
--- /dev/null
+++ b/docs/monthly/2022-08/index.html
@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-08</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-08 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array-findlast" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-23 (baseline low)
+  
+</div>
+
+  <h2>Array findLast() and findLastIndex()</h2>
+  <p>The <code>findLast()</code> and <code>findLastIndex()</code> methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function.</p>
+  <p><strong><a href="/web-features-explorer/features/array-findlast/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="individual-transforms" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-05 (baseline low)
+  
+</div>
+
+  <h2>Individual transform properties</h2>
+  <p>Transform elements with separate <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties.</p>
+  <p><strong><a href="/web-features-explorer/features/individual-transforms/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-09/index.html b/docs/monthly/2022-09/index.html
new file mode 100644
index 0000000000..9ea3fdbf82
--- /dev/null
+++ b/docs/monthly/2022-09/index.html
@@ -0,0 +1,1474 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="modal" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-02 (baseline low)
+  
+</div>
+
+  <h2>:modal</h2>
+  <p>The <code>:modal</code> pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <code>&#x3C;dialog></code> element used with <code>showModal()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/modal/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="overflow-shorthand" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>overflow</h2>
+  <p>The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.</p>
+  <p><strong><a href="/web-features-explorer/features/overflow-shorthand/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="permissions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>Permissions</h2>
+  <p>The <code>navigator.permissions</code> API checks whether a permission, such as access to geolocation data, has been granted.</p>
+  <p><strong><a href="/web-features-explorer/features/permissions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="web-animations" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>Web animations</h2>
+  <p>The web animations API allows you to animate and synchronize the animations of DOM elements.</p>
+  <p><strong><a href="/web-features-explorer/features/web-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="blocking-render" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>blocking=&quot;render&quot;</h2>
+  <p>The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/blocking-render/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webcodecs" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebCodecs</h2>
+  <p>The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.</p>
+  <p><strong><a href="/web-features-explorer/features/webcodecs/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+              <a href="https://bugzil.la/1749045">bugzil.la/1749045</a>
+            
+              <a href="https://bugzil.la/1872733">bugzil.la/1872733</a>
+            
+              <a href="https://bugzil.la/1749539">bugzil.la/1749539</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="blocking-render" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>blocking=&quot;render&quot;</h2>
+  <p>The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/blocking-render/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webcodecs" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebCodecs</h2>
+  <p>The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.</p>
+  <p><strong><a href="/web-features-explorer/features/webcodecs/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+              <a href="https://bugzil.la/1749045">bugzil.la/1749045</a>
+            
+              <a href="https://bugzil.la/1872733">bugzil.la/1872733</a>
+            
+              <a href="https://bugzil.la/1749539">bugzil.la/1749539</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="blocking-render" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>blocking=&quot;render&quot;</h2>
+  <p>The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/blocking-render/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-10/index.html b/docs/monthly/2022-10/index.html
new file mode 100644
index 0000000000..851d8c2d4c
--- /dev/null
+++ b/docs/monthly/2022-10/index.html
@@ -0,0 +1,598 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="grid-animation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-27 (baseline low)
+  
+</div>
+
+  <h2>Grid animation</h2>
+  <p>Grid animation allows you to animate the <code>grid-template-columns</code> and <code>grid-template-rows</code> CSS properties.</p>
+  <p><strong><a href="/web-features-explorer/features/grid-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="ic" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-03 (baseline low)
+  
+</div>
+
+  <h2>ic unit</h2>
+  <p>The CSS <code>ic</code> unit corresponds to the width of CJK ideographic characters.</p>
+  <p><strong><a href="/web-features-explorer/features/ic/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webcodecs" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebCodecs</h2>
+  <p>The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.</p>
+  <p><strong><a href="/web-features-explorer/features/webcodecs/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+              <a href="https://bugzil.la/1749045">bugzil.la/1749045</a>
+            
+              <a href="https://bugzil.la/1872733">bugzil.la/1872733</a>
+            
+              <a href="https://bugzil.la/1749539">bugzil.la/1749539</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-11/index.html b/docs/monthly/2022-11/index.html
new file mode 100644
index 0000000000..432493aaab
--- /dev/null
+++ b/docs/monthly/2022-11/index.html
@@ -0,0 +1,495 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-11</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-11 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="font-palette" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-11-15 (baseline low)
+  
+</div>
+
+  <h2>font-palette</h2>
+  <p>The <code>font-palette</code> CSS property selects a color palette from the font, optionally overriding individual colors in the <code>@font-palette-values</code> at-rule.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2022-12/index.html b/docs/monthly/2022-12/index.html
new file mode 100644
index 0000000000..da6305b9a3
--- /dev/null
+++ b/docs/monthly/2022-12/index.html
@@ -0,0 +1,416 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2022-12</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2022-12 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="viewport-unit-variants" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-05 (baseline low)
+  
+</div>
+
+  <h2>Small, large, and dynamic viewport units</h2>
+  <p>The <code>sv*</code>, <code>lv*</code>, and <code>dv*</code> CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions.</p>
+  <p><strong><a href="/web-features-explorer/features/viewport-unit-variants/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="webgl-oes-draw-buffers-indexed" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-13 (baseline low)
+  
+</div>
+
+  <h2>WebGL OES_draw_buffers_indexed extension</h2>
+  <p>The <code>OES_draw_buffers_indexed</code> extension to WebGL allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously.</p>
+  <p><strong><a href="/web-features-explorer/features/webgl-oes-draw-buffers-indexed/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-04-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="web-midi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web MIDI</h2>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  <p><strong><a href="/web-features-explorer/features/web-midi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-01/index.html b/docs/monthly/2023-01/index.html
new file mode 100644
index 0000000000..597bd48937
--- /dev/null
+++ b/docs/monthly/2023-01/index.html
@@ -0,0 +1,675 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-01</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-01 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="grid" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>Grid</h2>
+  <p>CSS Grid is a two-dimensional layout system, which lays content out in rows and columns.</p>
+  <p><strong><a href="/web-features-explorer/features/grid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2020-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="min-max-clamp" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>min(), max(), and clamp()</h2>
+  <p>The <code>min()</code> and <code>max()</code> CSS functions return the minimum or maximum of the arguments, while <code>clamp()</code> clamps a value to a given range.</p>
+  <p><strong><a href="/web-features-explorer/features/min-max-clamp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2019-12-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">75</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="promise-allsettled" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>Promise.allSettled()</h2>
+  <p>The <code>Promise.allSettled()</code> static method waits for an array of promises to settle (resolve or reject).</p>
+  <p><strong><a href="/web-features-explorer/features/promise-allsettled/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="read-write-pseudos" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-01-28 (baseline high)
+</div>
+
+  <h2>:read-only and :read-write</h2>
+  <p>The <code>:read-only</code> and <code>:read-write</code> CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, <code>:read-only</code> matches <code>&#x3C;input></code> and <code>&#x3C;textarea></code> elements with the <code>readonly</code> attribute.</p>
+  <p><strong><a href="/web-features-explorer/features/read-write-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2009-06-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">3.2</span>
+        <span class="date">Released on 2010-04-03</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="mathml" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-01-12 (baseline low)
+  
+</div>
+
+  <h2>MathML</h2>
+  <p>MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.</p>
+  <p><strong><a href="/web-features-explorer/features/mathml/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-02/index.html b/docs/monthly/2023-02/index.html
new file mode 100644
index 0000000000..d084a7a99d
--- /dev/null
+++ b/docs/monthly/2023-02/index.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-02</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-02 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="autofill" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-09 (baseline low)
+  
+</div>
+
+  <h2>:autofill</h2>
+  <p>The <code>:autofill</code> pseudo-class matches <code>&#x3C;input></code> elements that have been filled in automatically by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/autofill/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="container-queries" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-14 (baseline low)
+  
+</div>
+
+  <h2>Container queries</h2>
+  <p>Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-03/index.html b/docs/monthly/2023-03/index.html
new file mode 100644
index 0000000000..ab41ae3f6f
--- /dev/null
+++ b/docs/monthly/2023-03/index.html
@@ -0,0 +1,4129 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="bigint" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>BigInt</h2>
+  <p>The <code>BigInt</code> JavaScript type represents integers of any size, including integers too large for the primitive <code>Number</code> type.</p>
+  <p><strong><a href="/web-features-explorer/features/bigint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="flexbox" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-22 (baseline high)
+</div>
+
+  <h2>Flexbox</h2>
+  <p>Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.</p>
+  <p><strong><a href="/web-features-explorer/features/flexbox/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11</span>
+        <span class="date">Released on 2017-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="promise-any" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>Promise.any()</h2>
+  <p>The <code>Promise.any()</code> static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with an <code>AggregateError</code> when all of the promises have rejected.</p>
+  <p><strong><a href="/web-features-explorer/features/promise-any/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="scroll-into-view" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>scrollIntoView()</h2>
+  <p>The <code>scrollIntoView()</code> method scrolls an element's ancestor containers such that the element is visible to the user.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-into-view/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2015-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="webp" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-03-16 (baseline high)
+</div>
+
+  <h2>WebP</h2>
+  <p>The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/webp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2011-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2018-10-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="constructed-stylesheets" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Constructed stylesheets</h2>
+  <p>The <code>CSSStyleSheet</code> constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using <code>adoptedStyleSheets</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/constructed-stylesheets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="fetch-metadata" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Fetch metadata request headers</h2>
+  <p>The <code>Sec-Fetch-Dest</code>, <code>Sec-Fetch-Mode, </code>Sec-Fetch-Site<code>, and </code>Sec-Fetch-User` HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-metadata/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="font-synthesis-small-caps" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-small-caps</h2>
+  <p>The <code>font-synthesis-small-caps</code> CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-small-caps/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="font-synthesis-style" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-style</h2>
+  <p>The <code>font-synthesis-style</code> CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="font-synthesis-weight" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-weight</h2>
+  <p>The <code>font-synthesis-weight</code> CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-weight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="font-variant-alternates" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+
+  <h2>font-variant-alternates</h2>
+  <p>The <code>font-variant-alternates</code> CSS property, along with the <code>@font-feature-values</code> at-rule, chooses when to use a font's alternate glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/font-variant-alternates/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="form-associated-custom-elements" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Form-associated custom elements</h2>
+  <p>Custom elements may act like built-in form elements, via the the <code>attachInternals()</code> method of <code>HTMLElement</code> and the <code>ElementInternals</code> API.</p>
+  <p><strong><a href="/web-features-explorer/features/form-associated-custom-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="import-maps" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Import maps</h2>
+  <p>A <code>&#x3C;script type="importmap"></code> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.</p>
+  <p><strong><a href="/web-features-explorer/features/import-maps/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="input-event" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>input event</h2>
+  <p>The <code>input</code> event fires when a form control changes or an element with the <code>contenteditable</code> attribute changes.</p>
+  <p><strong><a href="/web-features-explorer/features/input-event/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="media-query-range-syntax" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Media query range syntax</h2>
+  <p>The range syntax of CSS media queries allows you to use mathematical comparison operators such as <code>&#x3C;</code>, <code>></code>, <code>&#x3C;=</code>, and <code>>=</code> to define a range of values for a media feature. For example, <code>(400px &#x3C; width &#x3C; 1000px)</code> returns true if the viewport width is between 400px and 1000px.</p>
+  <p><strong><a href="/web-features-explorer/features/media-query-range-syntax/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="messageerror" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>messageerror</h2>
+  <p>The <code>messageerror</code> event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages.</p>
+  <p><strong><a href="/web-features-explorer/features/messageerror/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="offscreen-canvas" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Offscreen canvas</h2>
+  <p>The <code>OffscreenCanvas</code> API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.</p>
+  <p><strong><a href="/web-features-explorer/features/offscreen-canvas/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="origin-private-file-system" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+
+  <h2>Origin private file system</h2>
+  <p>The <code>navigator.storage.getDirectory()</code> method returns a <code>FileSystemDirectoryHandle</code> that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases.</p>
+  <p><strong><a href="/web-features-explorer/features/origin-private-file-system/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="push" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Push messages</h2>
+  <p>The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.</p>
+  <p><strong><a href="/web-features-explorer/features/push/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">48</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="request-animation-frame-workers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>requestAnimationFrame() in workers</h2>
+  <p>The <code>requestAnimationFrame()</code> method in workers schedules a function that runs before the next repaint. Together with offscreen canvas, you can animate content from a worker.</p>
+  <p><strong><a href="/web-features-explorer/features/request-animation-frame-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="resource-size" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Resource size</h2>
+  <p>The <code>decodedSize</code>, <code>encodedSize</code>, and <code>transferSize</code> properties of the <code>PerformanceResourceTiming</code> API reports the size of resources loaded.</p>
+  <p><strong><a href="/web-features-explorer/features/resource-size/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="screen-orientation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Screen orientation</h2>
+  <p>The <code>screen.orientation</code> API gets information about the orientation of the viewport, such as landscape or portrait. With this API, you can adapt an application's layout or behavior in response to changes in orientation.</p>
+  <p><strong><a href="/web-features-explorer/features/screen-orientation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="server-timing" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Server timing</h2>
+  <p>The <code>serverTiming</code> property of the <code>PerformanceResourceTiming</code> API contains server timing information about network requests.</p>
+  <p><strong><a href="/web-features-explorer/features/server-timing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="slot-assign" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Imperative slot assignment</h2>
+  <p>The <code>assign()</code> method for <code>&#x3C;slot></code> elements assigns nodes to the slot, as an alternative to using the <code>slot</code> and <code>name</code> HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the <code>slotAssignment</code> set to "manual". Also known as manual slot assignment.</p>
+  <p><strong><a href="/web-features-explorer/features/slot-assign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="translate" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+
+  <h2>translate attribute</h2>
+  <p>The <code>translate</code> HTML attribute marks whether an element's text should be translated.</p>
+  <p><strong><a href="/web-features-explorer/features/translate/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2012-05-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="trig-functions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+
+  <h2>sin(), cos(), tan(), asin(), acos(), atan(), and atan2()</h2>
+  <p>The <code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, and <code>atan2()</code> CSS functions compute various trigonometric functions.</p>
+  <p><strong><a href="/web-features-explorer/features/trig-functions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="wasm-simd" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>WebAssembly SIMD</h2>
+  <p>The 128-bit SIMD (Single Instruction Multiple Data) extension to WebAssembly performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.</p>
+  <p><strong><a href="/web-features-explorer/features/wasm-simd/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="container-style-queries" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Container style queries</h2>
+  <p>Container style queries with the <code>@container</code> at-rule apply styles to an element based on the values of custom properties of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-style-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="view-transitions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>View transitions</h2>
+  <p>View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
+  <p><strong><a href="/web-features-explorer/features/view-transitions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="container-style-queries" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Container style queries</h2>
+  <p>Container style queries with the <code>@container</code> at-rule apply styles to an element based on the values of custom properties of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-style-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="view-transitions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>View transitions</h2>
+  <p>View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
+  <p><strong><a href="/web-features-explorer/features/view-transitions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="container-style-queries" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Container style queries</h2>
+  <p>Container style queries with the <code>@container</code> at-rule apply styles to an element based on the values of custom properties of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-style-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="view-transitions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>View transitions</h2>
+  <p>View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
+  <p><strong><a href="/web-features-explorer/features/view-transitions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="audio-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio session</h2>
+  <p>The <code>navigator.audioSession</code> API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-size-adjust" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-size-adjust</h2>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  <p><strong><a href="/web-features-explorer/features/font-size-adjust/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="margin-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>margin-trim</h2>
+  <p>The <code>margin-trim</code> CSS property removes the margins of child elements when they meet the edges of the container.</p>
+  <p><strong><a href="/web-features-explorer/features/margin-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="audio-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio session</h2>
+  <p>The <code>navigator.audioSession</code> API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-size-adjust" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-size-adjust</h2>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  <p><strong><a href="/web-features-explorer/features/font-size-adjust/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="margin-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>margin-trim</h2>
+  <p>The <code>margin-trim</code> CSS property removes the margins of child elements when they meet the edges of the container.</p>
+  <p><strong><a href="/web-features-explorer/features/margin-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-04/index.html b/docs/monthly/2023-04/index.html
new file mode 100644
index 0000000000..e639ece58c
--- /dev/null
+++ b/docs/monthly/2023-04/index.html
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="canvas-createconicgradient" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas createConicGradient()</h2>
+  <p>The <code>createConicGradient()</code> methods draw a conic gradient to a 2D canvas.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-createconicgradient/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="canvas-roundrect" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas roundRect()</h2>
+  <p>The <code>roundRect()</code> methods draw a rounded rectangle to a 2D canvas.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-roundrect/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="inert" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Inert elements</h2>
+  <p>The <code>inert</code> HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire <code>click</code> events.</p>
+  <p><strong><a href="/web-features-explorer/features/inert/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-05/index.html b/docs/monthly/2023-05/index.html
new file mode 100644
index 0000000000..7d06b16274
--- /dev/null
+++ b/docs/monthly/2023-05/index.html
@@ -0,0 +1,918 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="conic-gradients" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-05-17 (baseline high)
+</div>
+
+  <h2>Conic gradients</h2>
+  <p>The <code>conic-gradient()</code> and <code>repeating-conic-gradient()</code> CSS functions create backgrounds that progress between two or more colors around a center point.</p>
+  <p><strong><a href="/web-features-explorer/features/conic-gradients/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="color-function" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>color()</h2>
+  <p>The <code>color()</code> function defines a color within a given color space. Wide gamut color spaces like <code>display-p3</code> allow showing more vibrant and saturated colors than the standard <code>srgb</code> color space.</p>
+  <p><strong><a href="/web-features-explorer/features/color-function/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="color-mix" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>color-mix()</h2>
+  <p>The <code>color-mix()</code> function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.</p>
+  <p><strong><a href="/web-features-explorer/features/color-mix/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="compression-streams" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Compression streams</h2>
+  <p>The <code>CompressionStream</code> and <code>DecompressionStream</code> interfaces compress and decompress data using the gzip or deflate formats.</p>
+  <p><strong><a href="/web-features-explorer/features/compression-streams/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="lab" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Lab and LCH</h2>
+  <p>The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>lab()</code>, and <code>lch()</code> functions. Also known as CIELAB and CIELCH.</p>
+  <p><strong><a href="/web-features-explorer/features/lab/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="nth-child-of" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>:nth-child() of &lt;selector&gt;</h2>
+  <p>The <code>of</code> syntax for the <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.</p>
+  <p><strong><a href="/web-features-explorer/features/nth-child-of/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="oklab" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Oklab and Oklch</h2>
+  <p>The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. Oklch is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>oklab()</code>, and <code>oklch()</code> functions.</p>
+  <p><strong><a href="/web-features-explorer/features/oklab/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="webrtc-sctp" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>WebRTC SCTP information</h2>
+  <p>The <code>sctp</code> object on <code>RTCPeerConnection</code> represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that <code>RTCDataChannel</code> uses.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-sctp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-06/index.html b/docs/monthly/2023-06/index.html
new file mode 100644
index 0000000000..166d478086
--- /dev/null
+++ b/docs/monthly/2023-06/index.html
@@ -0,0 +1,827 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-06</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-06 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="calc-constants" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>calc() constants</h2>
+  <p>The <code>e</code>, <code>pi</code>, <code>infinity</code>, and <code>NaN</code> constants are accepted in CSS math functions such as <code>calc()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/calc-constants/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="js-modules-workers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>JavaScript modules in workers</h2>
+  <p>The <code>Worker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="print" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>window.print()</h2>
+  <p>The <code>window.print()</code> method opens the browser's print dialog.</p>
+  <p><strong><a href="/web-features-explorer/features/print/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1.1</span>
+        <span class="date">Released on 2003-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="idle-detection" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Idle detection</h2>
+  <p>The <code>IdleDetector</code> API is used to notify a webpage of the user's idle, active, and locked state.</p>
+  <p><strong><a href="/web-features-explorer/features/idle-detection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-07/index.html b/docs/monthly/2023-07/index.html
new file mode 100644
index 0000000000..2a60da31aa
--- /dev/null
+++ b/docs/monthly/2023-07/index.html
@@ -0,0 +1,992 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-07</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-07 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="is" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+
+  <h2>:is()</h2>
+  <p>The <code>:is()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list.</p>
+  <p><strong><a href="/web-features-explorer/features/is/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="where" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-07-21 (baseline high)
+</div>
+
+  <h2>:where()</h2>
+  <p>The <code>:where()</code> CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity.</p>
+  <p><strong><a href="/web-features-explorer/features/where/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="animation-composition" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+
+  <h2>animation-composition</h2>
+  <p>The <code>animation-composition</code> CSS property chooses how to combine animations that affect the same property.</p>
+  <p><strong><a href="/web-features-explorer/features/animation-composition/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-by-copy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+
+  <h2>Array by copy</h2>
+  <p>The <code>toReserved()</code>, <code>toSorted()</code>, <code>toSpliced()</code>, and <code>with()</code> methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such as <code>sort()</code> or <code>reverse()</code> that change arrays in place.</p>
+  <p><strong><a href="/web-features-explorer/features/array-by-copy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="two-value-display" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-21 (baseline low)
+  
+</div>
+
+  <h2>Two-value display property</h2>
+  <p>The <code>display</code> CSS property accepts multiple keyword values, such as <code>inline flex</code> or <code>block flow</code>, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.</p>
+  <p><strong><a href="/web-features-explorer/features/two-value-display/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2019-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-driven-animations" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll-driven animations</h2>
+  <p>CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-driven-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-driven-animations" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll-driven animations</h2>
+  <p>CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-driven-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scroll-driven-animations" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll-driven animations</h2>
+  <p>CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-driven-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-08/index.html b/docs/monthly/2023-08/index.html
new file mode 100644
index 0000000000..d0b488abee
--- /dev/null
+++ b/docs/monthly/2023-08/index.html
@@ -0,0 +1,576 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-08</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-08 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="dirname" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-01 (baseline low)
+  
+</div>
+
+  <h2>dirname</h2>
+  <p>The <code>dirname</code> attribute of <code>&#x3C;textarea></code> and <code>&#x3C;input></code> HTML elements includes the field's writing direction as form data on submission.</p>
+  <p><strong><a href="/web-features-explorer/features/dirname/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2012-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="motion-path" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-21 (baseline low)
+  
+</div>
+
+  <h2>Motion path</h2>
+  <p>The <code>offset</code> CSS property animates an element along a defined motion path.</p>
+  <p><strong><a href="/web-features-explorer/features/motion-path/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="document-picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Document picture-in-picture</h2>
+  <p>The document picture-in-picture API creates an always-on-top window from arbitrary HTML content.</p>
+  <p><strong><a href="/web-features-explorer/features/document-picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="document-picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Document picture-in-picture</h2>
+  <p>The document picture-in-picture API creates an always-on-top window from arbitrary HTML content.</p>
+  <p><strong><a href="/web-features-explorer/features/document-picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webrtc-encoded-transform" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebRTC encoded transform</h2>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-encoded-transform/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="webrtc-encoded-transform" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebRTC encoded transform</h2>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-encoded-transform/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-09/index.html b/docs/monthly/2023-09/index.html
new file mode 100644
index 0000000000..ddd1c17a9f
--- /dev/null
+++ b/docs/monthly/2023-09/index.html
@@ -0,0 +1,2439 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-09</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-09 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="contain-intrinsic-size" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>contain-intrinsic-size</h2>
+  <p>The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will layout the element as if it had a single child of this size.</p>
+  <p><strong><a href="/web-features-explorer/features/contain-intrinsic-size/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="counter-style" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>@counter-style</h2>
+  <p>The <code>@counter-style</code> CSS at-rule defines custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.</p>
+  <p><strong><a href="/web-features-explorer/features/counter-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="device-orientation-events" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>Device orientation events</h2>
+  <p>The <code>DeviceMotion</code> and <code>DeviceOrientation</code> events report the movement and orientation of the browser's device in physical space.</p>
+  <p><strong><a href="/web-features-explorer/features/device-orientation-events/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="hyphens" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>Hyphenation</h2>
+  <p>The <code>hyphens</code> CSS property controls when long words are broken by line wrapping. Although called <code>hyphens</code>, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters to mark an intraword line break.</p>
+  <p><strong><a href="/web-features-explorer/features/hyphens/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="image-set" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>image-set()</h2>
+  <p>The <code>image-set()</code> CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.</p>
+  <p><strong><a href="/web-features-explorer/features/image-set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="modulepreload" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>&lt;link rel=&quot;modulepreload&quot;&gt;</h2>
+  <p>The <code>rel="modulepreload"</code> attribute for the <code>&#x3C;link></code> HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution.</p>
+  <p><strong><a href="/web-features-explorer/features/modulepreload/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="subgrid" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-15 (baseline low)
+  
+</div>
+
+  <h2>Subgrid</h2>
+  <p>The <code>subgrid</code> value for the <code>grid-template-columns</code> and <code>grid-template-rows</code> properties allows a grid item to inherit the grid definition of its parent grid container.</p>
+  <p><strong><a href="/web-features-explorer/features/subgrid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="display-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>display animation</h2>
+  <p>You can animate elements between <code>display: none</code> and any other <code>display</code> value or animate between <code>content-visibility: hidden</code> and any other <code>content-visibility</code> value. This also applies to transitions.</p>
+  <p><strong><a href="/web-features-explorer/features/display-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="text-wrap-pretty" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-wrap: pretty</h2>
+  <p>The <code>text-wrap: pretty</code> CSS declaration prioritizes better layout over speed when text is broken into multiple lines.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-pretty/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="display-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>display animation</h2>
+  <p>You can animate elements between <code>display: none</code> and any other <code>display</code> value or animate between <code>content-visibility: hidden</code> and any other <code>content-visibility</code> value. This also applies to transitions.</p>
+  <p><strong><a href="/web-features-explorer/features/display-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="text-wrap-pretty" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-wrap: pretty</h2>
+  <p>The <code>text-wrap: pretty</code> CSS declaration prioritizes better layout over speed when text is broken into multiple lines.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-pretty/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="display-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>display animation</h2>
+  <p>You can animate elements between <code>display: none</code> and any other <code>display</code> value or animate between <code>content-visibility: hidden</code> and any other <code>content-visibility</code> value. This also applies to transitions.</p>
+  <p><strong><a href="/web-features-explorer/features/display-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="text-wrap-pretty" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-wrap: pretty</h2>
+  <p>The <code>text-wrap: pretty</code> CSS declaration prioritizes better layout over speed when text is broken into multiple lines.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-pretty/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="abs-sign" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>abs() and sign()</h2>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  <p><strong><a href="/web-features-explorer/features/abs-sign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-synthesis-position" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-synthesis-position</h2>
+  <p>The <code>font-synthesis-position</code> CSS property sets whether or not the browser should synthesize subscript and superscript typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-position/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="abs-sign" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>abs() and sign()</h2>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  <p><strong><a href="/web-features-explorer/features/abs-sign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-synthesis-position" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-synthesis-position</h2>
+  <p>The <code>font-synthesis-position</code> CSS property sets whether or not the browser should synthesize subscript and superscript typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-position/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="jpegxl" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JPEG XL</h2>
+  <p>The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/jpegxl/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="managed-media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Managed media source</h2>
+  <p>The <code>ManagedMediaSource</code> API is a <code>MediaSource</code> where the browser manages the memory of source buffers and may evict data if needed.</p>
+  <p><strong><a href="/web-features-explorer/features/managed-media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.1</span>
+        <span class="date">Released on 2023-10-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="jpegxl" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JPEG XL</h2>
+  <p>The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/jpegxl/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-10/index.html b/docs/monthly/2023-10/index.html
new file mode 100644
index 0000000000..440dd4d916
--- /dev/null
+++ b/docs/monthly/2023-10/index.html
@@ -0,0 +1,1011 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-10</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-10 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="flexbox-gap" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2023-10-26 (baseline high)
+</div>
+
+  <h2>Flexbox gap</h2>
+  <p>The <code>gap</code> CSS property in a flexbox layout sets the size of the space between items.</p>
+  <p><strong><a href="/web-features-explorer/features/flexbox-gap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="aria-attribute-reflection" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+
+  <h2>ARIA attribute reflection</h2>
+  <p>WAI-ARIA attributes have corresponding properties on <code>Element</code> and <code>ElementInternals</code> objects.</p>
+  <p><strong><a href="/web-features-explorer/features/aria-attribute-reflection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="canvas-text-baselines" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+
+  <h2>Canvas text baselines</h2>
+  <p>The <code>alphabeticBaseline</code>, <code>hangingBaseline</code>, and <code>ideographicBaseline</code> canvas text metrics measure the distance from the used <code>textBaseline</code> to the respective typographic baseline.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-text-baselines/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="search" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+
+  <h2>&lt;search&gt;</h2>
+  <p>The <code>&#x3C;search></code> HTML element is a container that represents the parts of the web page with search functionality.</p>
+  <p><strong><a href="/web-features-explorer/features/search/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="webauthn-public-key-easy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+
+  <h2>Web authentication easy public key access</h2>
+  <p>The <code>getAuthenticatorData()</code>, <code>getPublicKey()</code>, and <code>getPublicKeyAlgorithm()</code> methods of <code>AuthenticatorAttestationResponse</code> access credential data inside <code>attestationObject</code> without the need to parse it.</p>
+  <p><strong><a href="/web-features-explorer/features/webauthn-public-key-easy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="managed-media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Managed media source</h2>
+  <p>The <code>ManagedMediaSource</code> API is a <code>MediaSource</code> where the browser manages the memory of source buffers and may evict data if needed.</p>
+  <p><strong><a href="/web-features-explorer/features/managed-media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.1</span>
+        <span class="date">Released on 2023-10-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-11/index.html b/docs/monthly/2023-11/index.html
new file mode 100644
index 0000000000..f6c6395c34
--- /dev/null
+++ b/docs/monthly/2023-11/index.html
@@ -0,0 +1,410 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-11</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-11 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="lh" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+
+  <h2>lh unit</h2>
+  <p>The CSS <code>lh</code> unit corresponds to the requested line height, the computed value of the <code>line-height</code> property. Some lines may be higher than this based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/lh/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="user-activation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+
+  <h2>User activation</h2>
+  <p>The <code>navigator.userActivation</code> API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.</p>
+  <p><strong><a href="/web-features-explorer/features/user-activation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="user-pseudos" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-02 (baseline low)
+  
+</div>
+
+  <h2>:user-valid and :user-invalid</h2>
+  <p>The <code>:user-valid</code> and <code>:user-invalid</code> pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.</p>
+  <p><strong><a href="/web-features-explorer/features/user-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2023-12/index.html b/docs/monthly/2023-12/index.html
new file mode 100644
index 0000000000..4125d776c5
--- /dev/null
+++ b/docs/monthly/2023-12/index.html
@@ -0,0 +1,2124 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2023-12</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2023-12 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="background-clip-text" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>background-clip: text</h2>
+  <p>The <code>background-clip: text</code> CSS declaration draws the background underneath only the text in the element.</p>
+  <p><strong><a href="/web-features-explorer/features/background-clip-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="canvas-reset" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas reset()</h2>
+  <p>The <code>reset()</code> method clears a canvas to its initial state.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-reset/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="cap" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>cap unit</h2>
+  <p>The CSS <code>cap</code> unit corresponds to the height of Latin capital letters.</p>
+  <p><strong><a href="/web-features-explorer/features/cap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="counter-set" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>counter-set</h2>
+  <p>The <code>counter-set</code> CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.</p>
+  <p><strong><a href="/web-features-explorer/features/counter-set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="dir-pseudo" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>:dir()</h2>
+  <p>The <code>:dir()</code> CSS functional pseudo-class matches elements by text direction, either right to left (<code>rtl</code>) or left to right (<code>ltr</code>).</p>
+  <p><strong><a href="/web-features-explorer/features/dir-pseudo/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="exp-functions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>pow(), sqrt(), hypot(), log(), and exp()</h2>
+  <p>The <code>pow()</code>, <code>sqrt()</code>, <code>hypot()</code>, <code>log()</code>, and <code>exp()</code> CSS functions compute various exponential functions.</p>
+  <p><strong><a href="/web-features-explorer/features/exp-functions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="has" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+
+  <h2>:has()</h2>
+  <p>The <code>:has()</code> CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.</p>
+  <p><strong><a href="/web-features-explorer/features/has/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="linear-easing" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>linear() easing</h2>
+  <p>The <code>linear()</code> easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.</p>
+  <p><strong><a href="/web-features-explorer/features/linear-easing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="loading-lazy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+
+  <h2>Lazy-loading images and iframes</h2>
+  <p>The <code>loading="lazy"</code> attribute for <code>&#x3C;img></code> and <code>&#x3C;iframe></code> elements blocks loading the external resource until the user scrolls to that element's part of the page.</p>
+  <p><strong><a href="/web-features-explorer/features/loading-lazy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="masks" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>Masks</h2>
+  <p>The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.</p>
+  <p><strong><a href="/web-features-explorer/features/masks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="nesting" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Nesting</h2>
+  <p>CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.</p>
+  <p><strong><a href="/web-features-explorer/features/nesting/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="preloading-responsive-images" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Preloading responsive images</h2>
+  <p>The <code>imagesrcset</code> and <code>imagesizes</code> attributes with the <code>rel="preload"</code> attribute for the <code>&#x3C;link></code> HTML element starts fetching responsive images before they're found in the body of the document.</p>
+  <p><strong><a href="/web-features-explorer/features/preloading-responsive-images/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="preserves-pitch" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>preservesPitch</h2>
+  <p>The <code>preservesPitch</code> property for <code>&#x3C;audio></code> or <code>&#x3C;video></code> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.</p>
+  <p><strong><a href="/web-features-explorer/features/preserves-pitch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="storage-access" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-05 (baseline low)
+  
+</div>
+
+  <h2>Storage access</h2>
+  <p>The <code>document.requestStorageAccess()</code> method allows content in iframes to request storing and reading cookies and other site data, while the <code>document.hasStorageAccess()</code> method checks if such access is granted.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-access/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="url-canparse" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>URL.canParse()</h2>
+  <p>The <code>URL.canParse()</code> static method checks whether a URL can be parsed into a valid <code>URL</code> object. It's an alternative to calling <code>new URL()</code> in a <code>try…catch</code> statement.</p>
+  <p><strong><a href="/web-features-explorer/features/url-canparse/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2024-01/index.html b/docs/monthly/2024-01/index.html
new file mode 100644
index 0000000000..5cff506c25
--- /dev/null
+++ b/docs/monthly/2024-01/index.html
@@ -0,0 +1,2124 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2024-01</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2024-01 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="array-fromasync" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-25 (baseline low)
+  
+</div>
+
+  <h2>Array.fromAsync()</h2>
+  <p>The <code>Array.fromAsync()</code> static method copies items from an async iterable object to make a new array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-fromasync/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="avif" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-26 (baseline low)
+  
+</div>
+
+  <h2>AVIF</h2>
+  <p>AVIF (AV1 Image File Format) is an image format based on the AV1 video format.</p>
+  <p><strong><a href="/web-features-explorer/features/avif/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="clipboard-supports" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>ClipboardItem.supports()</h2>
+  <p>The <code>ClipboardItem.supports()</code> static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.</p>
+  <p><strong><a href="/web-features-explorer/features/clipboard-supports/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="edit-context" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>EditContext</h2>
+  <p>The <code>EditContext</code> API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.</p>
+  <p><strong><a href="/web-features-explorer/features/edit-context/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-palette-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-palette animation</h2>
+  <p>You can animate color fonts between two <code>font-palette</code> values.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="edit-context" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>EditContext</h2>
+  <p>The <code>EditContext</code> API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.</p>
+  <p><strong><a href="/web-features-explorer/features/edit-context/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-palette-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-palette animation</h2>
+  <p>You can animate color fonts between two <code>font-palette</code> values.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="clipboard-supports" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>ClipboardItem.supports()</h2>
+  <p>The <code>ClipboardItem.supports()</code> static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.</p>
+  <p><strong><a href="/web-features-explorer/features/clipboard-supports/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="edit-context" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>EditContext</h2>
+  <p>The <code>EditContext</code> API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.</p>
+  <p><strong><a href="/web-features-explorer/features/edit-context/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="font-palette-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-palette animation</h2>
+  <p>You can animate color fonts between two <code>font-palette</code> values.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2024-02/index.html b/docs/monthly/2024-02/index.html
new file mode 100644
index 0000000000..9602c6e931
--- /dev/null
+++ b/docs/monthly/2024-02/index.html
@@ -0,0 +1,734 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2024-02</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2024-02 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="visual-viewport" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-02-10 (baseline high)
+</div>
+
+  <h2>Visual viewport API</h2>
+  <p>The <code>visualViewport</code> API provides a way to query and modify the user-visible viewport of a web page.</p>
+  <p><strong><a href="/web-features-explorer/features/visual-viewport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-08-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="declarative-shadow-dom" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-02-20 (baseline low)
+  
+</div>
+
+  <h2>Declarative shadow DOM</h2>
+  <p>The <code>shadowrootmode</code> attribute on <code>&#x3C;template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p>
+  <p><strong><a href="/web-features-explorer/features/declarative-shadow-dom/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="storage-buckets" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Storage buckets</h2>
+  <p>The <code>navigator.storageBuckets</code> API allows you to organize locally stored data into groups called storage buckets. Each bucket can have different settings, allowing the browser to manage and delete buckets independently rather than applying the same treatment to all.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-buckets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="storage-buckets" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Storage buckets</h2>
+  <p>The <code>navigator.storageBuckets</code> API allows you to organize locally stored data into groups called storage buckets. Each bucket can have different settings, allowing the browser to manage and delete buckets independently rather than applying the same treatment to all.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-buckets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="storage-buckets" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Storage buckets</h2>
+  <p>The <code>navigator.storageBuckets</code> API allows you to organize locally stored data into groups called storage buckets. Each bucket can have different settings, allowing the browser to manage and delete buckets independently rather than applying the same treatment to all.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-buckets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2024-03/index.html b/docs/monthly/2024-03/index.html
new file mode 100644
index 0000000000..d50acc831d
--- /dev/null
+++ b/docs/monthly/2024-03/index.html
@@ -0,0 +1,1982 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2024-03</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2024-03 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="aspect-ratio" class="feature short baseline-high">
+  <div class="availability">
+  
+  
+  Widely available since 2024-03-20 (baseline high)
+</div>
+
+  <h2>aspect-ratio</h2>
+  <p>The <code>aspect-ratio</code> CSS property controls the width-to-height ratio of elements. For <code>&#x3C;img></code> and <code>&#x3C;video></code> elements, the <code>width</code> and <code>height</code> attributes used together with <code>height: auto</code> control the aspect ratio while the image/video is loading.</p>
+  <p><strong><a href="/web-features-explorer/features/aspect-ratio/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-01-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="abortsignal-any" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+
+  <h2>AbortSignal.any()</h2>
+  <p>The <code>AbortSignal.any()</code> static method combines an iterable of abort signals into a single signal, with the abort reason taken from the first signal to abort.</p>
+  <p><strong><a href="/web-features-explorer/features/abortsignal-any/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="array-group" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Array grouping</h2>
+  <p>The <code>Object.groupBy()</code> and <code>Map.groupBy()</code> static methods group values of arrays and iterables based on a function that returns a key for each value.</p>
+  <p><strong><a href="/web-features-explorer/features/array-group/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="check-visibility" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>checkVisibility()</h2>
+  <p>The <code>checkVisibility()</code> method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the style <code>display: none</code>, but can also check for <code>visibility: hidden</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/check-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="promise-withresolvers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Promise.withResolvers()</h2>
+  <p>The <code>Promise.withResolvers()</code> static method is an alternative to the <code>Promise()</code> constructor that returns both the promise and resolution functions. You can use this to access <code>resolve</code> and <code>reject</code> outside the scope of the executor function.</p>
+  <p><strong><a href="/web-features-explorer/features/promise-withresolvers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="text-wrap-nowrap" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+
+  <h2>text-wrap: nowrap</h2>
+  <p>The <code>text-wrap: nowrap</code> CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-nowrap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="transferable-arraybuffer" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Transferable ArrayBuffer</h2>
+  <p>The <code>transfer()</code> and <code>transferToFixedLength()</code> methods of <code>ArrayBuffer</code> move a buffer from one context to another (for example, to a worker).</p>
+  <p><strong><a href="/web-features-explorer/features/transferable-arraybuffer/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="css-modules" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CSS module scripts</h2>
+  <p>CSS module scripts allow CSS code to be organized into reusable units. Other modules use <code>import ... with {type: "css"}</code> to load CSS modules as constructable stylesheets.</p>
+  <p><strong><a href="/web-features-explorer/features/css-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="field-sizing" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>field-sizing</h2>
+  <p>The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/field-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="text-spacing-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-spacing-trim</h2>
+  <p>The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.</p>
+  <p><strong><a href="/web-features-explorer/features/text-spacing-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="css-modules" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CSS module scripts</h2>
+  <p>CSS module scripts allow CSS code to be organized into reusable units. Other modules use <code>import ... with {type: "css"}</code> to load CSS modules as constructable stylesheets.</p>
+  <p><strong><a href="/web-features-explorer/features/css-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="field-sizing" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>field-sizing</h2>
+  <p>The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/field-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="text-spacing-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-spacing-trim</h2>
+  <p>The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.</p>
+  <p><strong><a href="/web-features-explorer/features/text-spacing-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="css-modules" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CSS module scripts</h2>
+  <p>CSS module scripts allow CSS code to be organized into reusable units. Other modules use <code>import ... with {type: "css"}</code> to load CSS modules as constructable stylesheets.</p>
+  <p><strong><a href="/web-features-explorer/features/css-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="field-sizing" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>field-sizing</h2>
+  <p>The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/field-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="text-spacing-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-spacing-trim</h2>
+  <p>The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.</p>
+  <p><strong><a href="/web-features-explorer/features/text-spacing-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2024-04/index.html b/docs/monthly/2024-04/index.html
new file mode 100644
index 0000000000..3ba7991339
--- /dev/null
+++ b/docs/monthly/2024-04/index.html
@@ -0,0 +1,564 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2024-04</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2024-04 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="parse-html-unsafe" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-18 (baseline low)
+  
+</div>
+
+  <h2>Unsanitized HTML parsing methods</h2>
+  <p>The <code>Document.parseHTMLUnsafe()</code> static method parses HTML into a DOM tree, while the <code>setHTMLUnsafe()</code> method of <code>Element</code> and <code>ShadowRoot</code> parses and inserts HTML into an existing tree. No sanitization applies to these methods, so never call them with user-provided HTML strings.</p>
+  <p><strong><a href="/web-features-explorer/features/parse-html-unsafe/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="popover" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-16 (baseline low)
+  
+</div>
+
+  <h2>Popover</h2>
+  <p>The <code>popover</code> HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the <code>showPopover()</code> method.</p>
+  <p><strong><a href="/web-features-explorer/features/popover/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Firefox this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Firefox for Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/2024-05/index.html b/docs/monthly/2024-05/index.html
new file mode 100644
index 0000000000..7ea26343b5
--- /dev/null
+++ b/docs/monthly/2024-05/index.html
@@ -0,0 +1,948 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>2024-05</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>2024-05 update</h1>
+
+<h2>Became widely available this month</h2>
+
+
+  <p>No features became widely available this month.</p>
+
+
+<h2>Just became available in all browsers this month</h2>
+
+
+  <ul class="features">
+    
+      <li>
+        <div id="light-dark" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+
+  <h2>light-dark()</h2>
+  <p>The <code>light-dark()</code> CSS function accepts two colors and uses one depending on the current color scheme.</p>
+  <p><strong><a href="/web-features-explorer/features/light-dark/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="round-mod-rem" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-17 (baseline low)
+  
+</div>
+
+  <h2>round(), mod(), and rem()</h2>
+  <p>The <code>round()</code>, <code>mod()</code>, and <code>rem()</code> CSS functions compute rounded values and the remainder after division.</p>
+  <p><strong><a href="/web-features-explorer/features/round-mod-rem/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+      <li>
+        <div id="text-wrap-balance" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+
+  <h2>text-wrap: balance</h2>
+  <p>The <code>text-wrap: balance</code> CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-balance/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+      </li>
+    
+  </ul>
+
+
+
+  
+    <h2>Got implemented in Chrome this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="anchor-positioning" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Anchor positioning</h2>
+  <p>Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.</p>
+  <p><strong><a href="/web-features-explorer/features/anchor-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="compute-pressure" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CPU compute pressure</h2>
+  <p>The <code>PressureObserver</code> API monitors CPU load, allowing you to adjust workloads in response to available computing resources. Also known as the Compute Pressure API.</p>
+  <p><strong><a href="/web-features-explorer/features/compute-pressure/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Chrome Android this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="anchor-positioning" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Anchor positioning</h2>
+  <p>Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.</p>
+  <p><strong><a href="/web-features-explorer/features/anchor-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Edge this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="anchor-positioning" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Anchor positioning</h2>
+  <p>Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.</p>
+  <p><strong><a href="/web-features-explorer/features/anchor-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+        <li>
+          <div id="compute-pressure" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CPU compute pressure</h2>
+  <p>The <code>PressureObserver</code> API monitors CPU load, allowing you to adjust workloads in response to available computing resources. Also known as the Compute Pressure API.</p>
+  <p><strong><a href="/web-features-explorer/features/compute-pressure/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+
+  
+
+  
+    <h2>Got implemented in Safari this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+  
+    <h2>Got implemented in Safari on iOS this month</h2>
+    
+    <ul class="features">
+      
+        <li>
+          <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+        </li>
+      
+    </ul>
+  
+
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/monthly/index.html b/docs/monthly/index.html
new file mode 100644
index 0000000000..4dfbd4a9e0
--- /dev/null
+++ b/docs/monthly/index.html
@@ -0,0 +1,364 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Monthly updates</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      
+<h1>Monthly updates</h1>
+
+<ul class="posts">
+  
+    <li>
+      <a href="2024-05">2024-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2024-04">2024-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2024-03">2024-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2024-02">2024-02 update</a>
+    </li>
+  
+    <li>
+      <a href="2024-01">2024-01 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-12">2023-12 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-11">2023-11 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-10">2023-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-09">2023-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-08">2023-08 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-07">2023-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-06">2023-06 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-05">2023-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-04">2023-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-03">2023-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-02">2023-02 update</a>
+    </li>
+  
+    <li>
+      <a href="2023-01">2023-01 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-12">2022-12 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-11">2022-11 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-10">2022-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-09">2022-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-08">2022-08 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-07">2022-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-06">2022-06 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-05">2022-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-03">2022-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-02">2022-02 update</a>
+    </li>
+  
+    <li>
+      <a href="2022-01">2022-01 update</a>
+    </li>
+  
+    <li>
+      <a href="2021-10">2021-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2021-09">2021-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2021-06">2021-06 update</a>
+    </li>
+  
+    <li>
+      <a href="2021-05">2021-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2021-04">2021-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2021-03">2021-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-11">2020-11 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-10">2020-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-08">2020-08 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-07">2020-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-05">2020-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-04">2020-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-03">2020-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-02">2020-02 update</a>
+    </li>
+  
+    <li>
+      <a href="2020-01">2020-01 update</a>
+    </li>
+  
+    <li>
+      <a href="2019-10">2019-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2019-09">2019-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2019-08">2019-08 update</a>
+    </li>
+  
+    <li>
+      <a href="2019-07">2019-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2019-04">2019-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2019-03">2019-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-12">2018-12 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-10">2018-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-09">2018-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-06">2018-06 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-05">2018-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-03">2018-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2018-01">2018-01 update</a>
+    </li>
+  
+    <li>
+      <a href="2017-09">2017-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2017-04">2017-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2017-03">2017-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2017-02">2017-02 update</a>
+    </li>
+  
+    <li>
+      <a href="2016-11">2016-11 update</a>
+    </li>
+  
+    <li>
+      <a href="2016-09">2016-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2016-08">2016-08 update</a>
+    </li>
+  
+    <li>
+      <a href="2016-04">2016-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2015-11">2015-11 update</a>
+    </li>
+  
+    <li>
+      <a href="2015-07">2015-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2015-05">2015-05 update</a>
+    </li>
+  
+    <li>
+      <a href="2015-04">2015-04 update</a>
+    </li>
+  
+    <li>
+      <a href="2014-10">2014-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2014-09">2014-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2014-08">2014-08 update</a>
+    </li>
+  
+    <li>
+      <a href="2014-07">2014-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2013-11">2013-11 update</a>
+    </li>
+  
+    <li>
+      <a href="2013-10">2013-10 update</a>
+    </li>
+  
+    <li>
+      <a href="2013-09">2013-09 update</a>
+    </li>
+  
+    <li>
+      <a href="2013-06">2013-06 update</a>
+    </li>
+  
+    <li>
+      <a href="2013-02">2013-02 update</a>
+    </li>
+  
+    <li>
+      <a href="2012-07">2012-07 update</a>
+    </li>
+  
+    <li>
+      <a href="2012-06">2012-06 update</a>
+    </li>
+  
+    <li>
+      <a href="2011-03">2011-03 update</a>
+    </li>
+  
+    <li>
+      <a href="2008-06">2008-06 update</a>
+    </li>
+  
+</ul>
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/nobaseline/index.html b/docs/nobaseline/index.html
new file mode 100644
index 0000000000..45c6ef813d
--- /dev/null
+++ b/docs/nobaseline/index.html
@@ -0,0 +1,8028 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Features not yet available</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      <h1>Features not yet available</h1>
+
+<p>These web features are not yet supported across all core browsers.</p>
+
+<ul class="features">
+  
+    <li>
+      <div id="abs-sign" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>abs() and sign()</h2>
+  <p>The <code>abs()</code> and <code>sign()</code> CSS functions compute the absolute value or the sign of the input.</p>
+  <p><strong><a href="/web-features-explorer/features/abs-sign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/1407476">crbug.com/1407476</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="anchor-positioning" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Anchor positioning</h2>
+  <p>Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.</p>
+  <p><strong><a href="/web-features-explorer/features/anchor-positioning/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1838746">bugzil.la/1838746</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="async-clipboard" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Async clipboard</h2>
+  <p>The <code>navigator.clipboard</code> API asynchronously reads and writes to the system clipboard.</p>
+  <p><strong><a href="/web-features-explorer/features/async-clipboard/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="audio-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio session</h2>
+  <p>The <code>navigator.audioSession</code> API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="audio-video-tracks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Audio and video tracks</h2>
+  <p>The <code>audioTracks</code> and <code>videoTracks</code> APIs for media elements switch audio and video tracks during playback.</p>
+  <p><strong><a href="/web-features-explorer/features/audio-video-tracks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="backdrop-filter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>backdrop-filter</h2>
+  <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p>
+  <p><strong><a href="/web-features-explorer/features/backdrop-filter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="background-fetch" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Background fetch</h2>
+  <p>Background fetch downloads data in the background even when the web page is closed.</p>
+  <p><strong><a href="/web-features-explorer/features/background-fetch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="baseline-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>baseline-source</h2>
+  <p>The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.</p>
+  <p><strong><a href="/web-features-explorer/features/baseline-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="blocking-render" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>blocking=&quot;render&quot;</h2>
+  <p>The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/blocking-render/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1751383">bugzil.la/1751383</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/267232">webkit.org/b/267232</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-context-lost" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>contextlost and contextrestored</h2>
+  <p>The <code>contextlost</code> event for <code>&#x3C;canvas></code> fires when the canvas backing storage is lost, while the <code>contextrestored</code> event fires when it is recreated.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-context-lost/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="clipboard-supports" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>ClipboardItem.supports()</h2>
+  <p>The <code>ClipboardItem.supports()</code> static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.</p>
+  <p><strong><a href="/web-features-explorer/features/clipboard-supports/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="colrv1" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>COLRv1</h2>
+  <p>COLRv1 is a font format that supports multi-color glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/colrv1/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="column-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Column breaks</h2>
+  <p>In columnar layouts (created by the <code>columns</code> or <code>column-count</code> CSS properties), the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> properties control where columns start or end.</p>
+  <p><strong><a href="/web-features-explorer/features/column-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="compute-pressure" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CPU compute pressure</h2>
+  <p>The <code>PressureObserver</code> API monitors CPU load, allowing you to adjust workloads in response to available computing resources. Also known as the Compute Pressure API.</p>
+  <p><strong><a href="/web-features-explorer/features/compute-pressure/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="container-style-queries" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Container style queries</h2>
+  <p>Container style queries with the <code>@container</code> at-rule apply styles to an element based on the values of custom properties of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-style-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1795622">bugzil.la/1795622</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/246605">webkit.org/b/246605</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="content-visibility" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>content-visibility</h2>
+  <p>The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.</p>
+  <p><strong><a href="/web-features-explorer/features/content-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="controls-list" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>controlslist</h2>
+  <p>The <code>controlslist</code> attribute for <code>&#x3C;audio></code> or <code>&#x3C;video></code> hides parts of the browser's built-in controls. For example, <code>controlslist="nofullscreen"</code> removes the button to play the video in fullscreen.</p>
+  <p><strong><a href="/web-features-explorer/features/controls-list/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">58</span>
+        <span class="date">Released on 2017-04-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="css-modules" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>CSS module scripts</h2>
+  <p>CSS module scripts allow CSS code to be organized into reusable units. Other modules use <code>import ... with {type: "css"}</code> to load CSS modules as constructable stylesheets.</p>
+  <p><strong><a href="/web-features-explorer/features/css-modules/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="customized-built-in-elements" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Customized built-in elements</h2>
+  <p>Customized built-in elements are HTML elements that extend built-in elements using the <code>is</code> attribute, to add new behaviors that you define.</p>
+  <p><strong><a href="/web-features-explorer/features/customized-built-in-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">67</span>
+        <span class="date">Released on 2018-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">63</span>
+        <span class="date">Released on 2018-10-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/182671">webkit.org/b/182671</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="datalist" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>&lt;datalist&gt;</h2>
+  <p>The <code>&#x3C;datalist></code> element defines a set of recommended values for an <code>&#x3C;input></code> element. Browsers may show a dropdown menu of all options, or matching options as the user types.</p>
+  <p><strong><a href="/web-features-explorer/features/datalist/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="details-name" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Mutually exclusive &lt;details&gt; elements</h2>
+  <p>Multiple <code>&#x3C;details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p>
+  <p><strong><a href="/web-features-explorer/features/details-name/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1856460">bugzil.la/1856460</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="device-posture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Device posture</h2>
+  <p>The device posture API provides information about the physical posture of a device, such as whether a foldable device is folded or unfolded.</p>
+  <p><strong><a href="/web-features-explorer/features/device-posture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="display-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>display animation</h2>
+  <p>You can animate elements between <code>display: none</code> and any other <code>display</code> value or animate between <code>content-visibility: hidden</code> and any other <code>content-visibility</code> value. This also applies to transitions.</p>
+  <p><strong><a href="/web-features-explorer/features/display-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="document-picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Document picture-in-picture</h2>
+  <p>The document picture-in-picture API creates an always-on-top window from arbitrary HTML content.</p>
+  <p><strong><a href="/web-features-explorer/features/document-picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="edit-context" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>EditContext</h2>
+  <p>The <code>EditContext</code> API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.</p>
+  <p><strong><a href="/web-features-explorer/features/edit-context/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="eyedropper" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Eyedropper</h2>
+  <p>The <code>EyeDropper</code> API opens an eyedropper tool, a color picker that allows users to select a color from their screen.</p>
+  <p><strong><a href="/web-features-explorer/features/eyedropper/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fast-seek" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>fastSeek()</h2>
+  <p>The <code>fastSeek()</code> method seeks an <code>&#x3C;audio></code> or <code>&#x3C;video></code> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.</p>
+  <p><strong><a href="/web-features-explorer/features/fast-seek/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/648207">crbug.com/648207</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-09-17</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fetch-priority" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fetch priority</h2>
+  <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchPriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-priority/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="field-sizing" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>field-sizing</h2>
+  <p>The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/field-sizing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-palette-animation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-palette animation</h2>
+  <p>You can animate color fonts between two <code>font-palette</code> values.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-size-adjust" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-size-adjust</h2>
+  <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p>
+  <p><strong><a href="/web-features-explorer/features/font-size-adjust/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">3</span>
+        <span class="date">Released on 2008-06-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-position" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>font-synthesis-position</h2>
+  <p>The <code>font-synthesis-position</code> CSS property sets whether or not the browser should synthesize subscript and superscript typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-position/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fullscreen" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Fullscreen API</h2>
+  <p>The fullscreen API makes a specific element fill the whole screen and hides most browser UI.</p>
+  <p><strong><a href="/web-features-explorer/features/fullscreen/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2018-12-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="hidden-until-found" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>hidden=&quot;until-found&quot;</h2>
+  <p>The <code>hidden="until-found"</code> attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.</p>
+  <p><strong><a href="/web-features-explorer/features/hidden-until-found/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/238266">webkit.org/b/238266</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="highlight" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Custom highlights</h2>
+  <p>Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.</p>
+  <p><strong><a href="/web-features-explorer/features/highlight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1703961">bugzil.la/1703961</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="html-media-capture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTML media capture</h2>
+  <p>The <code>capture</code> HTML attribute for <code>&#x3C;input type="file"></code> elements allows the user to capture media using the device's camera or microphone.</p>
+  <p><strong><a href="/web-features-explorer/features/html-media-capture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="http3" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>HTTP/3</h2>
+  <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/http3/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2020-11-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="idle-detection" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Idle detection</h2>
+  <p>The <code>IdleDetector</code> API is used to notify a webpage of the user's idle, active, and locked state.</p>
+  <p><strong><a href="/web-features-explorer/features/idle-detection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="intersection-observer-v2" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Intersection observer visibility tracking</h2>
+  <p>The <code>trackVisibility</code> parameter for the <code>IntersectionObserver</code> constructor enables tracking the visibility of an element, to detect if it may be obscured by other content or visual effects. Also known as IntersectionObserver v2.</p>
+  <p><strong><a href="/web-features-explorer/features/intersection-observer-v2/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">74</span>
+        <span class="date">Released on 2019-04-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="jpegxl" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JPEG XL</h2>
+  <p>The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p>
+  <p><strong><a href="/web-features-explorer/features/jpegxl/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules-service-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in service workers</h2>
+  <p>The <code>navigator.serviceWorker.register()</code> method accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in service workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-service-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules-shared-workers" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>JavaScript modules in shared workers</h2>
+  <p>The <code>SharedWorker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in shared workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-shared-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="line-clamp" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>line-clamp</h2>
+  <p>The <code>line-clamp</code> CSS property limits the text in a block container to a certain number of lines. The prefixed <code>-webkit-line-clamp</code> is widely supported but only works with <code>-webkit-box-orient: vertical</code> in combination with <code>display: -webkit-box</code> or <code>display: -webkit-inline-box</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/line-clamp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="managed-media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Managed media source</h2>
+  <p>The <code>ManagedMediaSource</code> API is a <code>MediaSource</code> where the browser manages the memory of source buffers and may evict data if needed.</p>
+  <p><strong><a href="/web-features-explorer/features/managed-media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.1</span>
+        <span class="date">Released on 2023-10-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="margin-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>margin-trim</h2>
+  <p>The <code>margin-trim</code> CSS property removes the margins of child elements when they meet the edges of the container.</p>
+  <p><strong><a href="/web-features-explorer/features/margin-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40886857">crbug.com/40886857</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1506241">bugzil.la/1506241</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="masonry" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Masonry</h2>
+  <p>Masonry is a type of CSS grid layout where the items on one of the axes are tightly packed together, like brickwork, instead of leaving gaps to align across the other axis.</p>
+  <p><strong><a href="/web-features-explorer/features/masonry/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40128480">crbug.com/40128480</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1757446">bugzil.la/1757446</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1757446">bugzil.la/1757446</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/248287">webkit.org/b/248287</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/248287">webkit.org/b/248287</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-pseudos" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media element pseudo-classes</h2>
+  <p>The <code>:playing</code>, <code>:paused</code>, <code>:seeking</code>, <code>:buffering</code>, <code>:stalled</code>, <code>:muted</code>, and <code>:volume-locked</code> CSS pseudo-classes match <code>&#x3C;audio></code> and <code>&#x3C;video></code> elements based on their state.</p>
+  <p><strong><a href="/web-features-explorer/features/media-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/40748199">crbug.com/40748199</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-session" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media session</h2>
+  <p>The <code>navigator.mediaSession</code> API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.</p>
+  <p><strong><a href="/web-features-explorer/features/media-session/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-03-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">82</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-source" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Media source</h2>
+  <p>The <code>MediaSource</code> API is a custom data source for media elements commonly used for adaptive streaming. Also known as Media Source Extensions (MSE).</p>
+  <p><strong><a href="/web-features-explorer/features/media-source/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-11-03</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">8</span>
+        <span class="date">Released on 2014-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="navigation" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Navigation API</h2>
+  <p>The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+  <p><strong><a href="/web-features-explorer/features/navigation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1777171">bugzil.la/1777171</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="notifications" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Notifications</h2>
+  <p>The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.</p>
+  <p><strong><a href="/web-features-explorer/features/notifications/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">20</span>
+        <span class="date">Released on 2012-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">42</span>
+        <span class="date">Released on 2015-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">22</span>
+        <span class="date">Released on 2013-06-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="page-breaks" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Page breaks</h2>
+  <p>The <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties (along with <code>page-break-</code> aliases) control where printed pages start and end. Also known as pagination or page breaking.</p>
+  <p><strong><a href="/web-features-explorer/features/page-breaks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/775617">bugzil.la/775617</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/34155">webkit.org/b/34155</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="paint" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>paint()</h2>
+  <p>The <code>paint()</code> CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.</p>
+  <p><strong><a href="/web-features-explorer/features/paint/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="picture-in-picture" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Picture-in-picture (video)</h2>
+  <p>The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.</p>
+  <p><strong><a href="/web-features-explorer/features/picture-in-picture/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1463402">bugzil.la/1463402</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13.1</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13.4</span>
+        <span class="date">Released on 2020-03-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="pointer-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Pointer lock</h2>
+  <p>Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.</p>
+  <p><strong><a href="/web-features-explorer/features/pointer-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2015-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10.1</span>
+        <span class="date">Released on 2017-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="registered-custom-properties" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Registered custom properties</h2>
+  <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p>
+  <p><strong><a href="/web-features-explorer/features/registered-custom-properties/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="relative-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Relative colors</h2>
+  <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p>
+  <p><strong><a href="/web-features-explorer/features/relative-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1701488">bugzil.la/1701488</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="request-video-frame-callback" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>requestVideoFrameCallback()</h2>
+  <p>The <code>requestVideoFrameCallback()</code> method for <code>&#x3C;video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p>
+  <p><strong><a href="/web-features-explorer/features/request-video-frame-callback/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1800882">bugzil.la/1800882</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scheduler" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scheduler API</h2>
+  <p>The <code>scheduler</code> API provides a way to prioritize all tasks belonging to an application.</p>
+  <p><strong><a href="/web-features-explorer/features/scheduler/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scope" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@scope</h2>
+  <p>The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
+  <p><strong><a href="/web-features-explorer/features/scope/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="screen-orientation-lock" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Screen orientation lock</h2>
+  <p>The <code>screen.orientation.lock()</code> method prevents changes to the screen orientation, typically in fullscreen applications such as games. For example, while locked, rotating a phone to the side won't change the screen orientation from landscape to portrait.</p>
+  <p><strong><a href="/web-features-explorer/features/screen-orientation-lock/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-08</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-driven-animations" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll-driven animations</h2>
+  <p>CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-driven-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1676779">bugzil.la/1676779</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/222295">webkit.org/b/222295</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scroll-to-text-fragment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Scroll to text fragment</h2>
+  <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p>
+  <p><strong><a href="/web-features-explorer/features/scroll-to-text-fragment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-04-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.1</span>
+        <span class="date">Released on 2022-10-24</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollbar-color" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-color</h2>
+  <p>The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231590">webkit.org/b/231590</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollbar-gutter" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-gutter</h2>
+  <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-gutter/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-09-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollbar-width" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollbar-width</h2>
+  <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollbar-width/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">64</span>
+        <span class="date">Released on 2018-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/231588">webkit.org/b/231588</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="scrollend" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>scrollend</h2>
+  <p>The <code>scrollend</code> event fires when an element or document has finished scrolling.</p>
+  <p><strong><a href="/web-features-explorer/features/scrollend/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-17</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/201556">webkit.org/b/201556</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="set-methods" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Set methods</h2>
+  <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p>
+  <p><strong><a href="/web-features-explorer/features/set-methods/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="show-picker-input" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;input&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;input></code> elements shows the user interface for picking a value. For example, for <code>&#x3C;input type="date"></code> it shows the interface for picking a date.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-input/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/261703">webkit.org/b/261703</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="show-picker-select" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>showPicker() for &lt;select&gt;</h2>
+  <p>The <code>showPicker()</code> method for <code>&#x3C;select></code> elements shows the dropdown menu or other user interface for picking one of the options.</p>
+  <p><strong><a href="/web-features-explorer/features/show-picker-select/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="spelling-grammar-error" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::spelling-error and ::grammar-error</h2>
+  <p>The <code>::spelling-error</code> and <code>::grammar-error</code> CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.</p>
+  <p><strong><a href="/web-features-explorer/features/spelling-grammar-error/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="starting-style" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>@starting-style</h2>
+  <p>The <code>@starting-style</code> CSS at-rule defines the starting values for properties that are transitioning when the target element's style is first updated.</p>
+  <p><strong><a href="/web-features-explorer/features/starting-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="storage-buckets" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Storage buckets</h2>
+  <p>The <code>navigator.storageBuckets</code> API allows you to organize locally stored data into groups called storage buckets. Each bucket can have different settings, allowing the browser to manage and delete buckets independently rather than applying the same treatment to all.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-buckets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="target-text" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>::target-text</h2>
+  <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/target-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1694053">bugzil.la/1694053</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/236817">webkit.org/b/236817</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="temporal" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Temporal</h2>
+  <p>The <code>Temporal</code> API allows you to work with dates, times, time zones, and durations. It is more powerful than the <code>Date</code> API.</p>
+  <p><strong><a href="/web-features-explorer/features/temporal/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/v8/11544">crbug.com/v8/11544</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1519167">bugzil.la/1519167</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1519167">bugzil.la/1519167</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/223166">webkit.org/b/223166</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/223166">webkit.org/b/223166</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-spacing-trim" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-spacing-trim</h2>
+  <p>The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.</p>
+  <p><strong><a href="/web-features-explorer/features/text-spacing-trim/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-wrap-pretty" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>text-wrap: pretty</h2>
+  <p>The <code>text-wrap: pretty</code> CSS declaration prioritizes better layout over speed when text is broken into multiple lines.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-pretty/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transition-behavior" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>transition-behavior</h2>
+  <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p>
+  <p><strong><a href="/web-features-explorer/features/transition-behavior/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1805727">bugzil.la/1805727</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="trusted-types" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Trusted types</h2>
+  <p>Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
+  <p><strong><a href="/web-features-explorer/features/trusted-types/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">83</span>
+        <span class="date">Released on 2020-05-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="view-transitions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>View transitions</h2>
+  <p>View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
+  <p><strong><a href="/web-features-explorer/features/view-transitions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/259055">webkit.org/b/259055</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-bluetooth" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web Bluetooth</h2>
+  <p>The Web Bluetooth API enables selecting and communicating with nearby Bluetooth devices.</p>
+  <p><strong><a href="/web-features-explorer/features/web-bluetooth/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2018-10-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">56</span>
+        <span class="date">Released on 2017-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/674737">bugzil.la/674737</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/101034">webkit.org/b/101034</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-midi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web MIDI</h2>
+  <p>The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.</p>
+  <p><strong><a href="/web-features-explorer/features/web-midi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://webkit.org/b/107250">webkit.org/b/107250</a>
+            
+          </span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-nfc" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>Web NFC</h2>
+  <p>The <code>NDEFReader</code> API reads and writes messages to near-field communication (NFC) tags.</p>
+  <p><strong><a href="/web-features-explorer/features/web-nfc/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webcodecs" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebCodecs</h2>
+  <p>The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.</p>
+  <p><strong><a href="/web-features-explorer/features/webcodecs/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://bugzil.la/1749044">bugzil.la/1749044</a>
+            
+              <a href="https://bugzil.la/1749046">bugzil.la/1749046</a>
+            
+              <a href="https://bugzil.la/1749048">bugzil.la/1749048</a>
+            
+              <a href="https://bugzil.la/1749045">bugzil.la/1749045</a>
+            
+              <a href="https://bugzil.la/1872733">bugzil.la/1872733</a>
+            
+              <a href="https://bugzil.la/1749539">bugzil.la/1749539</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webdriver-bidi" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebDriver BiDi</h2>
+  <p>WebDriver BiDi is a bidirectional protocol that allows a WebDriver client and a browser to communicate with each other.</p>
+  <p><strong><a href="/web-features-explorer/features/webdriver-bidi/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webhid" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebHID</h2>
+  <p>The WebHID API provides access to Human Interface Devices (HID) that are connected to the user's device.</p>
+  <p><strong><a href="/web-features-explorer/features/webhid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webrtc-encoded-transform" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebRTC encoded transform</h2>
+  <p>The WebRTC encoded transform API allows you to modify audio and video streams in WebRTC connections. For example, it can be used for visual effects or custom codecs.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-encoded-transform/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webtransport" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebTransport</h2>
+  <p>The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+  <p><strong><a href="/web-features-explorer/features/webtransport/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webusb" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebUSB</h2>
+  <p>The WebUSB API exposes USB compatible devices to web pages.</p>
+  <p><strong><a href="/web-features-explorer/features/webusb/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2017-09-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox_android">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-safari_ios">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webvtt-cue-alignment" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT cue alignment</h2>
+  <p>The WebVTT cue alignment settings control which part of the cue is aligned with the given line and position. Cue alignment is set using <code>line</code> and <code>position</code> settings in WebVTT files or the <code>lineAlign</code> and <code>positionAlign</code> properties of <code>VTTCue</code> using JavaScript.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-cue-alignment/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+          <span class="bug">
+            See
+            
+              <a href="https://crbug.com/633690">crbug.com/633690</a>
+            
+          </span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2014-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webvtt-regions" class="feature short baseline-false">
+  <div class="availability">
+  Limited availability
+  
+  
+</div>
+
+  <h2>WebVTT regions</h2>
+  <p>WebVTT regions set the areas of the video where captions or subtitles should be rendered, such as placing roll-up captions used for live captions.</p>
+  <p><strong><a href="/web-features-explorer/features/webvtt-regions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-chrome_android">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-edge">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">❌</span>
+        
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2018-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">7</span>
+        <span class="date">Released on 2013-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+</ul>
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/docs/recent/index.html b/docs/recent/index.html
new file mode 100644
index 0000000000..ff99072f41
--- /dev/null
+++ b/docs/recent/index.html
@@ -0,0 +1,8951 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Newly available features</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/web-features-explorer/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/web-features-explorer/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/web-features-explorer/recent">Newly available</a></li>
+        <li><a href="/web-features-explorer/baseline">Widely available</a></li>
+        <li><a href="/web-features-explorer/nobaseline">Not yet available</a></li>
+        <li><a href="/web-features-explorer/missingone">Missing in just one engine</a></li>
+        <li><a href="/web-features-explorer/all">All features</a></li>
+        <li><a href="/web-features-explorer/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      <h1>Newly available features</h1>
+
+<p>These web features became supported in all core browsers recently.</p>
+
+<ul class="features">
+  
+    <li>
+      <div id="round-mod-rem" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-17 (baseline low)
+  
+</div>
+
+  <h2>round(), mod(), and rem()</h2>
+  <p>The <code>round()</code>, <code>mod()</code>, and <code>rem()</code> CSS functions compute rounded values and the remainder after division.</p>
+  <p><strong><a href="/web-features-explorer/features/round-mod-rem/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-05-17</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="light-dark" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+
+  <h2>light-dark()</h2>
+  <p>The <code>light-dark()</code> CSS function accepts two colors and uses one depending on the current color scheme.</p>
+  <p><strong><a href="/web-features-explorer/features/light-dark/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-wrap-balance" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-05-13 (baseline low)
+  
+</div>
+
+  <h2>text-wrap: balance</h2>
+  <p>The <code>text-wrap: balance</code> CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-balance/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.5</span>
+        <span class="date">Released on 2024-05-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="parse-html-unsafe" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-18 (baseline low)
+  
+</div>
+
+  <h2>Unsanitized HTML parsing methods</h2>
+  <p>The <code>Document.parseHTMLUnsafe()</code> static method parses HTML into a DOM tree, while the <code>setHTMLUnsafe()</code> method of <code>Element</code> and <code>ShadowRoot</code> parses and inserts HTML into an existing tree. No sanitization applies to these methods, so never call them with user-provided HTML strings.</p>
+  <p><strong><a href="/web-features-explorer/features/parse-html-unsafe/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-04-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="popover" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-04-16 (baseline low)
+  
+</div>
+
+  <h2>Popover</h2>
+  <p>The <code>popover</code> HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the <code>showPopover()</code> method.</p>
+  <p><strong><a href="/web-features-explorer/features/popover/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">125</span>
+        <span class="date">Released on 2024-04-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="abortsignal-any" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+
+  <h2>AbortSignal.any()</h2>
+  <p>The <code>AbortSignal.any()</code> static method combines an iterable of abort signals into a single signal, with the abort reason taken from the first signal to abort.</p>
+  <p><strong><a href="/web-features-explorer/features/abortsignal-any/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="text-wrap-nowrap" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-19 (baseline low)
+  
+</div>
+
+  <h2>text-wrap: nowrap</h2>
+  <p>The <code>text-wrap: nowrap</code> CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead.</p>
+  <p><strong><a href="/web-features-explorer/features/text-wrap-nowrap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">124</span>
+        <span class="date">Released on 2024-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-group" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Array grouping</h2>
+  <p>The <code>Object.groupBy()</code> and <code>Map.groupBy()</code> static methods group values of arrays and iterables based on a function that returns a key for each value.</p>
+  <p><strong><a href="/web-features-explorer/features/array-group/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="check-visibility" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>checkVisibility()</h2>
+  <p>The <code>checkVisibility()</code> method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the style <code>display: none</code>, but can also check for <code>visibility: hidden</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/check-visibility/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="promise-withresolvers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Promise.withResolvers()</h2>
+  <p>The <code>Promise.withResolvers()</code> static method is an alternative to the <code>Promise()</code> constructor that returns both the promise and resolution functions. You can use this to access <code>resolve</code> and <code>reject</code> outside the scope of the executor function.</p>
+  <p><strong><a href="/web-features-explorer/features/promise-withresolvers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transferable-arraybuffer" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-03-05 (baseline low)
+  
+</div>
+
+  <h2>Transferable ArrayBuffer</h2>
+  <p>The <code>transfer()</code> and <code>transferToFixedLength()</code> methods of <code>ArrayBuffer</code> move a buffer from one context to another (for example, to a worker).</p>
+  <p><strong><a href="/web-features-explorer/features/transferable-arraybuffer/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-05-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">122</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.4</span>
+        <span class="date">Released on 2024-03-05</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="declarative-shadow-dom" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-02-20 (baseline low)
+  
+</div>
+
+  <h2>Declarative shadow DOM</h2>
+  <p>The <code>shadowrootmode</code> attribute on <code>&#x3C;template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p>
+  <p><strong><a href="/web-features-explorer/features/declarative-shadow-dom/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">123</span>
+        <span class="date">Released on 2024-02-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="avif" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-26 (baseline low)
+  
+</div>
+
+  <h2>AVIF</h2>
+  <p>AVIF (AV1 Image File Format) is an image format based on the AV1 video format.</p>
+  <p><strong><a href="/web-features-explorer/features/avif/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-10-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-fromasync" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2024-01-25 (baseline low)
+  
+</div>
+
+  <h2>Array.fromAsync()</h2>
+  <p>The <code>Array.fromAsync()</code> static method copies items from an async iterable object to make a new array.</p>
+  <p><strong><a href="/web-features-explorer/features/array-fromasync/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-23</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2024-01-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="has" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+
+  <h2>:has()</h2>
+  <p>The <code>:has()</code> CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.</p>
+  <p><strong><a href="/web-features-explorer/features/has/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="loading-lazy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-19 (baseline low)
+  
+</div>
+
+  <h2>Lazy-loading images and iframes</h2>
+  <p>The <code>loading="lazy"</code> attribute for <code>&#x3C;img></code> and <code>&#x3C;iframe></code> elements blocks loading the external resource until the user scrolls to that element's part of the page.</p>
+  <p><strong><a href="/web-features-explorer/features/loading-lazy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">121</span>
+        <span class="date">Released on 2023-12-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-reset" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas reset()</h2>
+  <p>The <code>reset()</code> method clears a canvas to its initial state.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-reset/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="cap" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>cap unit</h2>
+  <p>The CSS <code>cap</code> unit corresponds to the height of Latin capital letters.</p>
+  <p><strong><a href="/web-features-explorer/features/cap/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="counter-set" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>counter-set</h2>
+  <p>The <code>counter-set</code> CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.</p>
+  <p><strong><a href="/web-features-explorer/features/counter-set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">68</span>
+        <span class="date">Released on 2019-07-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="linear-easing" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>linear() easing</h2>
+  <p>The <code>linear()</code> easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.</p>
+  <p><strong><a href="/web-features-explorer/features/linear-easing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="nesting" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Nesting</h2>
+  <p>CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.</p>
+  <p><strong><a href="/web-features-explorer/features/nesting/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-08-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="preloading-responsive-images" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>Preloading responsive images</h2>
+  <p>The <code>imagesrcset</code> and <code>imagesizes</code> attributes with the <code>rel="preload"</code> attribute for the <code>&#x3C;link></code> HTML element starts fetching responsive images before they're found in the body of the document.</p>
+  <p><strong><a href="/web-features-explorer/features/preloading-responsive-images/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">78</span>
+        <span class="date">Released on 2020-06-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="preserves-pitch" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-11 (baseline low)
+  
+</div>
+
+  <h2>preservesPitch</h2>
+  <p>The <code>preservesPitch</code> property for <code>&#x3C;audio></code> or <code>&#x3C;video></code> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.</p>
+  <p><strong><a href="/web-features-explorer/features/preserves-pitch/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17.2</span>
+        <span class="date">Released on 2023-12-11</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="background-clip-text" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>background-clip: text</h2>
+  <p>The <code>background-clip: text</code> CSS declaration draws the background underneath only the text in the element.</p>
+  <p><strong><a href="/web-features-explorer/features/background-clip-text/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14</span>
+        <span class="date">Released on 2020-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="dir-pseudo" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>:dir()</h2>
+  <p>The <code>:dir()</code> CSS functional pseudo-class matches elements by text direction, either right to left (<code>rtl</code>) or left to right (<code>ltr</code>).</p>
+  <p><strong><a href="/web-features-explorer/features/dir-pseudo/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">49</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="exp-functions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>pow(), sqrt(), hypot(), log(), and exp()</h2>
+  <p>The <code>pow()</code>, <code>sqrt()</code>, <code>hypot()</code>, <code>log()</code>, and <code>exp()</code> CSS functions compute various exponential functions.</p>
+  <p><strong><a href="/web-features-explorer/features/exp-functions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="masks" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>Masks</h2>
+  <p>The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.</p>
+  <p><strong><a href="/web-features-explorer/features/masks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">53</span>
+        <span class="date">Released on 2017-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="url-canparse" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-07 (baseline low)
+  
+</div>
+
+  <h2>URL.canParse()</h2>
+  <p>The <code>URL.canParse()</code> static method checks whether a URL can be parsed into a valid <code>URL</code> object. It's an alternative to calling <code>new URL()</code> in a <code>try…catch</code> statement.</p>
+  <p><strong><a href="/web-features-explorer/features/url-canparse/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="storage-access" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-12-05 (baseline low)
+  
+</div>
+
+  <h2>Storage access</h2>
+  <p>The <code>document.requestStorageAccess()</code> method allows content in iframes to request storing and reading cookies and other site data, while the <code>document.hasStorageAccess()</code> method checks if such access is granted.</p>
+  <p><strong><a href="/web-features-explorer/features/storage-access/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="lh" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+
+  <h2>lh unit</h2>
+  <p>The CSS <code>lh</code> unit corresponds to the requested line height, the computed value of the <code>line-height</code> property. Some lines may be higher than this based on their content.</p>
+  <p><strong><a href="/web-features-explorer/features/lh/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="user-activation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-21 (baseline low)
+  
+</div>
+
+  <h2>User activation</h2>
+  <p>The <code>navigator.userActivation</code> API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.</p>
+  <p><strong><a href="/web-features-explorer/features/user-activation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">120</span>
+        <span class="date">Released on 2023-11-21</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="user-pseudos" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-11-02 (baseline low)
+  
+</div>
+
+  <h2>:user-valid and :user-invalid</h2>
+  <p>The <code>:user-valid</code> and <code>:user-invalid</code> pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.</p>
+  <p><strong><a href="/web-features-explorer/features/user-pseudos/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">88</span>
+        <span class="date">Released on 2021-04-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.5</span>
+        <span class="date">Released on 2023-05-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="aria-attribute-reflection" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+
+  <h2>ARIA attribute reflection</h2>
+  <p>WAI-ARIA attributes have corresponding properties on <code>Element</code> and <code>ElementInternals</code> objects.</p>
+  <p><strong><a href="/web-features-explorer/features/aria-attribute-reflection/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-06-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">12.1</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">12.2</span>
+        <span class="date">Released on 2019-03-25</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webauthn-public-key-easy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-24 (baseline low)
+  
+</div>
+
+  <h2>Web authentication easy public key access</h2>
+  <p>The <code>getAuthenticatorData()</code>, <code>getPublicKey()</code>, and <code>getPublicKeyAlgorithm()</code> methods of <code>AuthenticatorAttestationResponse</code> access credential data inside <code>attestationObject</code> without the need to parse it.</p>
+  <p><strong><a href="/web-features-explorer/features/webauthn-public-key-easy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2020-08-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">119</span>
+        <span class="date">Released on 2023-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-text-baselines" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+
+  <h2>Canvas text baselines</h2>
+  <p>The <code>alphabeticBaseline</code>, <code>hangingBaseline</code>, and <code>ideographicBaseline</code> canvas text metrics measure the distance from the used <code>textBaseline</code> to the respective typographic baseline.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-text-baselines/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">11.1</span>
+        <span class="date">Released on 2018-04-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">11.3</span>
+        <span class="date">Released on 2018-03-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="search" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-10-13 (baseline low)
+  
+</div>
+
+  <h2>&lt;search&gt;</h2>
+  <p>The <code>&#x3C;search></code> HTML element is a container that represents the parts of the web page with search functionality.</p>
+  <p><strong><a href="/web-features-explorer/features/search/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-10-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">118</span>
+        <span class="date">Released on 2023-09-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="contain-intrinsic-size" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>contain-intrinsic-size</h2>
+  <p>The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will layout the element as if it had a single child of this size.</p>
+  <p><strong><a href="/web-features-explorer/features/contain-intrinsic-size/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">95</span>
+        <span class="date">Released on 2021-10-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="counter-style" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>@counter-style</h2>
+  <p>The <code>@counter-style</code> CSS at-rule defines custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.</p>
+  <p><strong><a href="/web-features-explorer/features/counter-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">33</span>
+        <span class="date">Released on 2014-10-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="device-orientation-events" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>Device orientation events</h2>
+  <p>The <code>DeviceMotion</code> and <code>DeviceOrientation</code> events report the movement and orientation of the browser's device in physical space.</p>
+  <p><strong><a href="/web-features-explorer/features/device-orientation-events/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">31</span>
+        <span class="date">Released on 2013-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2011-08-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">4.2</span>
+        <span class="date">Released on 2010-11-22</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="hyphens" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>Hyphenation</h2>
+  <p>The <code>hyphens</code> CSS property controls when long words are broken by line wrapping. Although called <code>hyphens</code>, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters to mark an intraword line break.</p>
+  <p><strong><a href="/web-features-explorer/features/hyphens/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">55</span>
+        <span class="date">Released on 2016-12-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="image-set" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>image-set()</h2>
+  <p>The <code>image-set()</code> CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.</p>
+  <p><strong><a href="/web-features-explorer/features/image-set/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="modulepreload" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-18 (baseline low)
+  
+</div>
+
+  <h2>&lt;link rel=&quot;modulepreload&quot;&gt;</h2>
+  <p>The <code>rel="modulepreload"</code> attribute for the <code>&#x3C;link></code> HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution.</p>
+  <p><strong><a href="/web-features-explorer/features/modulepreload/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2018-04-17</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2023-09-18</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="subgrid" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-09-15 (baseline low)
+  
+</div>
+
+  <h2>Subgrid</h2>
+  <p>The <code>subgrid</code> value for the <code>grid-template-columns</code> and <code>grid-template-rows</code> properties allows a grid item to inherit the grid definition of its parent grid container.</p>
+  <p><strong><a href="/web-features-explorer/features/subgrid/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">117</span>
+        <span class="date">Released on 2023-09-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">71</span>
+        <span class="date">Released on 2019-12-10</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="motion-path" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-21 (baseline low)
+  
+</div>
+
+  <h2>Motion path</h2>
+  <p>The <code>offset</code> CSS property animates an element along a defined motion path.</p>
+  <p><strong><a href="/web-features-explorer/features/motion-path/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-15</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="dirname" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-08-01 (baseline low)
+  
+</div>
+
+  <h2>dirname</h2>
+  <p>The <code>dirname</code> attribute of <code>&#x3C;textarea></code> and <code>&#x3C;input></code> HTML elements includes the field's writing direction as form data on submission.</p>
+  <p><strong><a href="/web-features-explorer/features/dirname/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2012-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">116</span>
+        <span class="date">Released on 2023-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="two-value-display" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-21 (baseline low)
+  
+</div>
+
+  <h2>Two-value display property</h2>
+  <p>The <code>display</code> CSS property accepts multiple keyword values, such as <code>inline flex</code> or <code>block flow</code>, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.</p>
+  <p><strong><a href="/web-features-explorer/features/two-value-display/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-18</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">70</span>
+        <span class="date">Released on 2019-10-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="animation-composition" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+
+  <h2>animation-composition</h2>
+  <p>The <code>animation-composition</code> CSS property chooses how to combine animations that affect the same property.</p>
+  <p><strong><a href="/web-features-explorer/features/animation-composition/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-by-copy" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-07-04 (baseline low)
+  
+</div>
+
+  <h2>Array by copy</h2>
+  <p>The <code>toReserved()</code>, <code>toSorted()</code>, <code>toSpliced()</code>, and <code>with()</code> methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such as <code>sort()</code> or <code>reverse()</code> that change arrays in place.</p>
+  <p><strong><a href="/web-features-explorer/features/array-by-copy/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">115</span>
+        <span class="date">Released on 2023-07-04</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="calc-constants" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>calc() constants</h2>
+  <p>The <code>e</code>, <code>pi</code>, <code>infinity</code>, and <code>NaN</code> constants are accepted in CSS math functions such as <code>calc()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/calc-constants/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="js-modules-workers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>JavaScript modules in workers</h2>
+  <p>The <code>Worker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in workers.</p>
+  <p><strong><a href="/web-features-explorer/features/js-modules-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="print" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-06-06 (baseline low)
+  
+</div>
+
+  <h2>window.print()</h2>
+  <p>The <code>window.print()</code> method opens the browser's print dialog.</p>
+  <p><strong><a href="/web-features-explorer/features/print/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2008-12-11</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">18</span>
+        <span class="date">Released on 2012-06-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2004-11-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">114</span>
+        <span class="date">Released on 2023-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">1.1</span>
+        <span class="date">Released on 2003-10-24</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">1</span>
+        <span class="date">Released on 2007-06-29</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="color-function" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>color()</h2>
+  <p>The <code>color()</code> function defines a color within a given color space. Wide gamut color spaces like <code>display-p3</code> allow showing more vibrant and saturated colors than the standard <code>srgb</code> color space.</p>
+  <p><strong><a href="/web-features-explorer/features/color-function/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="color-mix" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>color-mix()</h2>
+  <p>The <code>color-mix()</code> function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.</p>
+  <p><strong><a href="/web-features-explorer/features/color-mix/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="compression-streams" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Compression streams</h2>
+  <p>The <code>CompressionStream</code> and <code>DecompressionStream</code> interfaces compress and decompress data using the gzip or deflate formats.</p>
+  <p><strong><a href="/web-features-explorer/features/compression-streams/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="lab" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Lab and LCH</h2>
+  <p>The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>lab()</code>, and <code>lch()</code> functions. Also known as CIELAB and CIELCH.</p>
+  <p><strong><a href="/web-features-explorer/features/lab/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="nth-child-of" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>:nth-child() of &lt;selector&gt;</h2>
+  <p>The <code>of</code> syntax for the <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.</p>
+  <p><strong><a href="/web-features-explorer/features/nth-child-of/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="oklab" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>Oklab and Oklch</h2>
+  <p>The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. Oklch is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>oklab()</code>, and <code>oklch()</code> functions.</p>
+  <p><strong><a href="/web-features-explorer/features/oklab/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webrtc-sctp" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-05-09 (baseline low)
+  
+</div>
+
+  <h2>WebRTC SCTP information</h2>
+  <p>The <code>sctp</code> object on <code>RTCPeerConnection</code> represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that <code>RTCDataChannel</code> uses.</p>
+  <p><strong><a href="/web-features-explorer/features/webrtc-sctp/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">76</span>
+        <span class="date">Released on 2019-07-30</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">113</span>
+        <span class="date">Released on 2023-05-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-createconicgradient" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas createConicGradient()</h2>
+  <p>The <code>createConicGradient()</code> methods draw a conic gradient to a 2D canvas.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-createconicgradient/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="canvas-roundrect" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Canvas roundRect()</h2>
+  <p>The <code>roundRect()</code> methods draw a rounded rectangle to a 2D canvas.</p>
+  <p><strong><a href="/web-features-explorer/features/canvas-roundrect/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="inert" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-04-11 (baseline low)
+  
+</div>
+
+  <h2>Inert elements</h2>
+  <p>The <code>inert</code> HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire <code>click</code> events.</p>
+  <p><strong><a href="/web-features-explorer/features/inert/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">112</span>
+        <span class="date">Released on 2023-04-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.5</span>
+        <span class="date">Released on 2022-05-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="constructed-stylesheets" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Constructed stylesheets</h2>
+  <p>The <code>CSSStyleSheet</code> constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using <code>adoptedStyleSheets</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/constructed-stylesheets/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">73</span>
+        <span class="date">Released on 2019-03-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="fetch-metadata" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Fetch metadata request headers</h2>
+  <p>The <code>Sec-Fetch-Dest</code>, <code>Sec-Fetch-Mode, </code>Sec-Fetch-Site<code>, and </code>Sec-Fetch-User` HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.</p>
+  <p><strong><a href="/web-features-explorer/features/fetch-metadata/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-small-caps" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-small-caps</h2>
+  <p>The <code>font-synthesis-small-caps</code> CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-small-caps/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-style" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-style</h2>
+  <p>The <code>font-synthesis-style</code> CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-style/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis-weight" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis-weight</h2>
+  <p>The <code>font-synthesis-weight</code> CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis-weight/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="form-associated-custom-elements" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Form-associated custom elements</h2>
+  <p>Custom elements may act like built-in form elements, via the the <code>attachInternals()</code> method of <code>HTMLElement</code> and the <code>ElementInternals</code> API.</p>
+  <p><strong><a href="/web-features-explorer/features/form-associated-custom-elements/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">77</span>
+        <span class="date">Released on 2019-09-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="import-maps" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Import maps</h2>
+  <p>A <code>&#x3C;script type="importmap"></code> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.</p>
+  <p><strong><a href="/web-features-explorer/features/import-maps/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-03-04</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="input-event" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>input event</h2>
+  <p>The <code>input</code> event fires when a form control changes or an element with the <code>contenteditable</code> attribute changes.</p>
+  <p><strong><a href="/web-features-explorer/features/input-event/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">87</span>
+        <span class="date">Released on 2021-03-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="media-query-range-syntax" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Media query range syntax</h2>
+  <p>The range syntax of CSS media queries allows you to use mathematical comparison operators such as <code>&#x3C;</code>, <code>></code>, <code>&#x3C;=</code>, and <code>>=</code> to define a range of values for a media feature. For example, <code>(400px &#x3C; width &#x3C; 1000px)</code> returns true if the viewport width is between 400px and 1000px.</p>
+  <p><strong><a href="/web-features-explorer/features/media-query-range-syntax/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="messageerror" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>messageerror</h2>
+  <p>The <code>messageerror</code> event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages.</p>
+  <p><strong><a href="/web-features-explorer/features/messageerror/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2019-01-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="offscreen-canvas" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Offscreen canvas</h2>
+  <p>The <code>OffscreenCanvas</code> API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.</p>
+  <p><strong><a href="/web-features-explorer/features/offscreen-canvas/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="push" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Push messages</h2>
+  <p>The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.</p>
+  <p><strong><a href="/web-features-explorer/features/push/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">50</span>
+        <span class="date">Released on 2016-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2016-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">48</span>
+        <span class="date">Released on 2016-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="request-animation-frame-workers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>requestAnimationFrame() in workers</h2>
+  <p>The <code>requestAnimationFrame()</code> method in workers schedules a function that runs before the next repaint. Together with offscreen canvas, you can animate content from a worker.</p>
+  <p><strong><a href="/web-features-explorer/features/request-animation-frame-workers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-04-05</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="resource-size" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Resource size</h2>
+  <p>The <code>decodedSize</code>, <code>encodedSize</code>, and <code>transferSize</code> properties of the <code>PerformanceResourceTiming</code> API reports the size of resources loaded.</p>
+  <p><strong><a href="/web-features-explorer/features/resource-size/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-12</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">54</span>
+        <span class="date">Released on 2016-10-19</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">17</span>
+        <span class="date">Released on 2018-04-30</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">45</span>
+        <span class="date">Released on 2016-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="screen-orientation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Screen orientation</h2>
+  <p>The <code>screen.orientation</code> API gets information about the orientation of the viewport, such as landscape or portrait. With this API, you can adapt an application's layout or behavior in response to changes in orientation.</p>
+  <p><strong><a href="/web-features-explorer/features/screen-orientation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">38</span>
+        <span class="date">Released on 2014-10-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">39</span>
+        <span class="date">Released on 2014-11-12</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">43</span>
+        <span class="date">Released on 2015-12-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="server-timing" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Server timing</h2>
+  <p>The <code>serverTiming</code> property of the <code>PerformanceResourceTiming</code> API contains server timing information about network requests.</p>
+  <p><strong><a href="/web-features-explorer/features/server-timing/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">65</span>
+        <span class="date">Released on 2018-03-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">61</span>
+        <span class="date">Released on 2018-06-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="slot-assign" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>Imperative slot assignment</h2>
+  <p>The <code>assign()</code> method for <code>&#x3C;slot></code> elements assigns nodes to the slot, as an alternative to using the <code>slot</code> and <code>name</code> HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the <code>slotAssignment</code> set to "manual". Also known as manual slot assignment.</p>
+  <p><strong><a href="/web-features-explorer/features/slot-assign/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="wasm-simd" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-27 (baseline low)
+  
+</div>
+
+  <h2>WebAssembly SIMD</h2>
+  <p>The 128-bit SIMD (Single Instruction Multiple Data) extension to WebAssembly performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.</p>
+  <p><strong><a href="/web-features-explorer/features/wasm-simd/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">91</span>
+        <span class="date">Released on 2021-05-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">89</span>
+        <span class="date">Released on 2021-06-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.4</span>
+        <span class="date">Released on 2023-03-27</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="origin-private-file-system" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+
+  <h2>Origin private file system</h2>
+  <p>The <code>navigator.storage.getDirectory()</code> method returns a <code>FileSystemDirectoryHandle</code> that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases.</p>
+  <p><strong><a href="/web-features-explorer/features/origin-private-file-system/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-24</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.2</span>
+        <span class="date">Released on 2021-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="translate" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-14 (baseline low)
+  
+</div>
+
+  <h2>translate attribute</h2>
+  <p>The <code>translate</code> HTML attribute marks whether an element's text should be translated.</p>
+  <p><strong><a href="/web-features-explorer/features/translate/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">19</span>
+        <span class="date">Released on 2012-05-15</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">25</span>
+        <span class="date">Released on 2013-02-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">6</span>
+        <span class="date">Released on 2012-09-10</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-variant-alternates" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+
+  <h2>font-variant-alternates</h2>
+  <p>The <code>font-variant-alternates</code> CSS property, along with the <code>@font-feature-values</code> at-rule, chooses when to use a font's alternate glyphs.</p>
+  <p><strong><a href="/web-features-explorer/features/font-variant-alternates/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16.2</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="trig-functions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-03-13 (baseline low)
+  
+</div>
+
+  <h2>sin(), cos(), tan(), asin(), acos(), atan(), and atan2()</h2>
+  <p>The <code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, and <code>atan2()</code> CSS functions compute various trigonometric functions.</p>
+  <p><strong><a href="/web-features-explorer/features/trig-functions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">111</span>
+        <span class="date">Released on 2023-03-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="container-queries" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-14 (baseline low)
+  
+</div>
+
+  <h2>Container queries</h2>
+  <p>Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.</p>
+  <p><strong><a href="/web-features-explorer/features/container-queries/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="autofill" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-02-09 (baseline low)
+  
+</div>
+
+  <h2>:autofill</h2>
+  <p>The <code>:autofill</code> pseudo-class matches <code>&#x3C;input></code> elements that have been filled in automatically by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/autofill/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-07</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">110</span>
+        <span class="date">Released on 2023-02-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2021-02-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15</span>
+        <span class="date">Released on 2021-09-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="mathml" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2023-01-12 (baseline low)
+  
+</div>
+
+  <h2>MathML</h2>
+  <p>MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.</p>
+  <p><strong><a href="/web-features-explorer/features/mathml/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-10</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">109</span>
+        <span class="date">Released on 2023-01-12</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">4</span>
+        <span class="date">Released on 2011-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">10</span>
+        <span class="date">Released on 2016-09-13</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="webgl-oes-draw-buffers-indexed" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-13 (baseline low)
+  
+</div>
+
+  <h2>WebGL OES_draw_buffers_indexed extension</h2>
+  <p>The <code>OES_draw_buffers_indexed</code> extension to WebGL allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously.</p>
+  <p><strong><a href="/web-features-explorer/features/webgl-oes-draw-buffers-indexed/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-03-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">100</span>
+        <span class="date">Released on 2022-04-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="viewport-unit-variants" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-12-05 (baseline low)
+  
+</div>
+
+  <h2>Small, large, and dynamic viewport units</h2>
+  <p>The <code>sv*</code>, <code>lv*</code>, and <code>dv*</code> CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions.</p>
+  <p><strong><a href="/web-features-explorer/features/viewport-unit-variants/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-11-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">108</span>
+        <span class="date">Released on 2022-12-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-05-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-palette" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-11-15 (baseline low)
+  
+</div>
+
+  <h2>font-palette</h2>
+  <p>The <code>font-palette</code> CSS property selects a color palette from the font, optionally overriding individual colors in the <code>@font-palette-values</code> at-rule.</p>
+  <p><strong><a href="/web-features-explorer/features/font-palette/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">101</span>
+        <span class="date">Released on 2022-04-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-11-15</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="grid-animation" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-27 (baseline low)
+  
+</div>
+
+  <h2>Grid animation</h2>
+  <p>Grid animation allows you to animate the <code>grid-template-columns</code> and <code>grid-template-rows</code> CSS properties.</p>
+  <p><strong><a href="/web-features-explorer/features/grid-animation/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-25</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">107</span>
+        <span class="date">Released on 2022-10-27</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">66</span>
+        <span class="date">Released on 2019-03-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="ic" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-10-03 (baseline low)
+  
+</div>
+
+  <h2>ic unit</h2>
+  <p>The CSS <code>ic</code> unit corresponds to the width of CJK ideographic characters.</p>
+  <p><strong><a href="/web-features-explorer/features/ic/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-09-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">106</span>
+        <span class="date">Released on 2022-10-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="overflow-shorthand" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>overflow</h2>
+  <p>The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.</p>
+  <p><strong><a href="/web-features-explorer/features/overflow-shorthand/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-13</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-04-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">81</span>
+        <span class="date">Released on 2020-09-22</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="permissions" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>Permissions</h2>
+  <p>The <code>navigator.permissions</code> API checks whether a permission, such as access to geolocation data, has been granted.</p>
+  <p><strong><a href="/web-features-explorer/features/permissions/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-21</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">44</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">46</span>
+        <span class="date">Released on 2016-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-animations" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-12 (baseline low)
+  
+</div>
+
+  <h2>Web animations</h2>
+  <p>The web animations API allows you to animate and synchronize the animations of DOM elements.</p>
+  <p><strong><a href="/web-features-explorer/features/web-animations/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2022-09-12</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="modal" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-09-02 (baseline low)
+  
+</div>
+
+  <h2>:modal</h2>
+  <p>The <code>:modal</code> pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <code>&#x3C;dialog></code> element used with <code>showModal()</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/modal/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">105</span>
+        <span class="date">Released on 2022-09-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">103</span>
+        <span class="date">Released on 2022-07-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.6</span>
+        <span class="date">Released on 2022-07-20</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-findlast" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-23 (baseline low)
+  
+</div>
+
+  <h2>Array findLast() and findLastIndex()</h2>
+  <p>The <code>findLast()</code> and <code>findLastIndex()</code> methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function.</p>
+  <p><strong><a href="/web-features-explorer/features/array-findlast/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-23</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="individual-transforms" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-08-05 (baseline low)
+  
+</div>
+
+  <h2>Individual transform properties</h2>
+  <p>Transform elements with separate <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties.</p>
+  <p><strong><a href="/web-features-explorer/features/individual-transforms/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-02</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">104</span>
+        <span class="date">Released on 2022-08-05</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">72</span>
+        <span class="date">Released on 2020-01-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-07-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="streams" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-06-28 (baseline low)
+  
+</div>
+
+  <h2>Streams</h2>
+  <p>The streams API creates, composes, and consumes continuously generated data.</p>
+  <p><strong><a href="/web-features-explorer/features/streams/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-05</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">59</span>
+        <span class="date">Released on 2017-06-06</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">102</span>
+        <span class="date">Released on 2022-06-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">14.1</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">14.5</span>
+        <span class="date">Released on 2021-04-26</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="accent-color" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>accent-color</h2>
+  <p>The <code>accent-color</code> CSS property sets a color for checkboxes, radio buttons, and other form controls.</p>
+  <p><strong><a href="/web-features-explorer/features/accent-color/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">93</span>
+        <span class="date">Released on 2021-09-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-09-07</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="appearance" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>appearance</h2>
+  <p>The <code>appearance</code> CSS property controls the appearance of form controls. Using <code>appearance: none</code> disables any default native appearance and allows the elements to be styled with CSS.</p>
+  <p><strong><a href="/web-features-explorer/features/appearance/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-27</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">84</span>
+        <span class="date">Released on 2020-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-25</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">80</span>
+        <span class="date">Released on 2020-08-31</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="array-at" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Array at()</h2>
+  <p>The <code>at()</code> method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method.</p>
+  <p><strong><a href="/web-features-explorer/features/array-at/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">92</span>
+        <span class="date">Released on 2021-07-22</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">90</span>
+        <span class="date">Released on 2021-07-13</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="broadcast-channel" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>BroadcastChannel</h2>
+  <p>The <code>BroadcastChannel</code> API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.</p>
+  <p><strong><a href="/web-features-explorer/features/broadcast-channel/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-07-25</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">60</span>
+        <span class="date">Released on 2017-08-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-14</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">57</span>
+        <span class="date">Released on 2017-11-28</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="cascade-layers" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Cascade layers</h2>
+  <p>The <code>@layer</code> CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.</p>
+  <p><strong><a href="/web-features-explorer/features/cascade-layers/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">99</span>
+        <span class="date">Released on 2022-03-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-02-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="dialog" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>&lt;dialog&gt;</h2>
+  <p>The <code>&#x3C;dialog></code> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.</p>
+  <p><strong><a href="/web-features-explorer/features/dialog/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-08-26</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">37</span>
+        <span class="date">Released on 2014-09-03</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-03-08</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="focus-visible" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>:focus-visible</h2>
+  <p>The <code>:focus-visible</code> CSS pseudo-class selects elements that match the <code>:focus</code> pseudo-class and meets the browser's criteria for visually emphasizing focused elements.</p>
+  <p><strong><a href="/web-features-explorer/features/focus-visible/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-20</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">86</span>
+        <span class="date">Released on 2020-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">85</span>
+        <span class="date">Released on 2021-01-26</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="structured-clone" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>structuredClone()</h2>
+  <p>The <code>structuredClone()</code> global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.</p>
+  <p><strong><a href="/web-features-explorer/features/structured-clone/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">94</span>
+        <span class="date">Released on 2021-11-02</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="transforms3d" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>3D transforms</h2>
+  <p>The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.</p>
+  <p><strong><a href="/web-features-explorer/features/transforms3d/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">36</span>
+        <span class="date">Released on 2014-07-16</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">12</span>
+        <span class="date">Released on 2015-07-29</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">16</span>
+        <span class="date">Released on 2012-10-09</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="web-locks" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-03-14 (baseline low)
+  
+</div>
+
+  <h2>Locks</h2>
+  <p>The <code>navigator.locks</code> API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.</p>
+  <p><strong><a href="/web-features-explorer/features/web-locks/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">69</span>
+        <span class="date">Released on 2018-09-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">79</span>
+        <span class="date">Released on 2020-01-15</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">15.4</span>
+        <span class="date">Released on 2022-03-14</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="color-scheme" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-02-03 (baseline low)
+  
+</div>
+
+  <h2>color-scheme</h2>
+  <p>The <code>color-scheme</code> CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.</p>
+  <p><strong><a href="/web-features-explorer/features/color-scheme/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-01</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">98</span>
+        <span class="date">Released on 2022-02-03</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">96</span>
+        <span class="date">Released on 2022-01-11</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">13</span>
+        <span class="date">Released on 2019-09-19</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+    <li>
+      <div id="font-synthesis" class="feature short baseline-low">
+  <div class="availability">
+  
+  Newly available since 2022-01-06 (baseline low)
+  
+</div>
+
+  <h2>font-synthesis</h2>
+  <p>The <code>font-synthesis</code> CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as <code>font-synthesis-style</code> and <code>font-synthesis-weight</code>.</p>
+  <p><strong><a href="/web-features-explorer/features/font-synthesis/">Learn more</a></strong></p>
+
+  <ul class="compat">
+  
+    <li class="browser browser-chrome supported">
+      <span class="name">Chrome</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-chrome_android supported">
+      <span class="name">Chrome Android</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-04</span>
+      
+    </li>
+  
+    <li class="browser browser-edge supported">
+      <span class="name">Edge</span>
+      
+      
+        <span class="version">97</span>
+        <span class="date">Released on 2022-01-06</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox supported">
+      <span class="name">Firefox</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-firefox_android supported">
+      <span class="name">Firefox for Android</span>
+      
+      
+        <span class="version">34</span>
+        <span class="date">Released on 2014-12-01</span>
+      
+    </li>
+  
+    <li class="browser browser-safari supported">
+      <span class="name">Safari</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-30</span>
+      
+    </li>
+  
+    <li class="browser browser-safari_ios supported">
+      <span class="name">Safari on iOS</span>
+      
+      
+        <span class="version">9</span>
+        <span class="date">Released on 2015-09-16</span>
+      
+    </li>
+  
+</ul>
+</div>
+    </li>
+  
+</ul>
+
+    </main>
+
+    <footer>
+      <p>Generated on 6/7/2024 using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>0.8.5-dev-20240606105715-b9aa5f6</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>5.5.31</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000..b22817b509
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,2435 @@
+{
+  "name": "web-features-explorer",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "web-features-explorer",
+      "devDependencies": {
+        "@11ty/eleventy": "^2.0.1",
+        "@mdn/browser-compat-data": "^5.5.31",
+        "web-features": "next"
+      }
+    },
+    "node_modules/@11ty/dependency-tree": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@11ty/dependency-tree/-/dependency-tree-2.0.1.tgz",
+      "integrity": "sha512-5R+DsT9LJ9tXiSQ4y+KLFppCkQyXhzAm1AIuBWE/sbU0hSXY5pkhoqQYEcPJQFg/nglL+wD55iv2j+7O96UAvg==",
+      "dev": true
+    },
+    "node_modules/@11ty/eleventy": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-2.0.1.tgz",
+      "integrity": "sha512-t8XVUbCJByhVEa1RzO0zS2QzbL3wPY8ot1yUw9noqiSHxJWUwv6jiwm1/MZDPTYtkZH2ZHvdQIRQ5/SjG9XmLw==",
+      "dev": true,
+      "dependencies": {
+        "@11ty/dependency-tree": "^2.0.1",
+        "@11ty/eleventy-dev-server": "^1.0.4",
+        "@11ty/eleventy-utils": "^1.0.1",
+        "@11ty/lodash-custom": "^4.17.21",
+        "@iarna/toml": "^2.2.5",
+        "@sindresorhus/slugify": "^1.1.2",
+        "bcp-47-normalize": "^1.1.1",
+        "chokidar": "^3.5.3",
+        "cross-spawn": "^7.0.3",
+        "debug": "^4.3.4",
+        "dependency-graph": "^0.11.0",
+        "ejs": "^3.1.9",
+        "fast-glob": "^3.2.12",
+        "graceful-fs": "^4.2.11",
+        "gray-matter": "^4.0.3",
+        "hamljs": "^0.6.2",
+        "handlebars": "^4.7.7",
+        "is-glob": "^4.0.3",
+        "iso-639-1": "^2.1.15",
+        "kleur": "^4.1.5",
+        "liquidjs": "^10.7.0",
+        "luxon": "^3.3.0",
+        "markdown-it": "^13.0.1",
+        "micromatch": "^4.0.5",
+        "minimist": "^1.2.8",
+        "moo": "^0.5.2",
+        "multimatch": "^5.0.0",
+        "mustache": "^4.2.0",
+        "normalize-path": "^3.0.0",
+        "nunjucks": "^3.2.3",
+        "path-to-regexp": "^6.2.1",
+        "please-upgrade-node": "^3.2.0",
+        "posthtml": "^0.16.6",
+        "posthtml-urls": "^1.0.0",
+        "pug": "^3.0.2",
+        "recursive-copy": "^2.0.14",
+        "semver": "^7.3.8",
+        "slugify": "^1.6.6"
+      },
+      "bin": {
+        "eleventy": "cmd.js"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
+    "node_modules/@11ty/eleventy-dev-server": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-1.0.4.tgz",
+      "integrity": "sha512-qVBmV2G1KF/0o5B/3fITlrrDHy4bONUI2YuN3/WJ3BNw4NU1d/we8XhKrlgq13nNvHoBx5czYp3LZt8qRG53Fg==",
+      "dev": true,
+      "dependencies": {
+        "@11ty/eleventy-utils": "^1.0.1",
+        "chokidar": "^3.5.3",
+        "debug": "^4.3.4",
+        "dev-ip": "^1.0.1",
+        "finalhandler": "^1.2.0",
+        "mime": "^3.0.0",
+        "minimist": "^1.2.8",
+        "morphdom": "^2.7.0",
+        "please-upgrade-node": "^3.2.0",
+        "ssri": "^8.0.1",
+        "ws": "^8.13.0"
+      },
+      "bin": {
+        "eleventy-dev-server": "cmd.js"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
+    "node_modules/@11ty/eleventy-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.2.tgz",
+      "integrity": "sha512-Zy2leMK1DQR6Q6ZPSagv7QpJaAz9uVbb+RmVetYFp3foMeQtOSZx7w2u5daRFmP+PeNq9vO9H4xtBToYFWZwHA==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
+    "node_modules/@11ty/lodash-custom": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@11ty/lodash-custom/-/lodash-custom-4.17.21.tgz",
+      "integrity": "sha512-Mqt6im1xpb1Ykn3nbcCovWXK3ggywRJa+IXIdoz4wIIK+cvozADH63lexcuPpGS/gJ6/m2JxyyXDyupkMr5DHw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.24.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz",
+      "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz",
+      "integrity": "sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.5.tgz",
+      "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==",
+      "dev": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.5.tgz",
+      "integrity": "sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.24.1",
+        "@babel/helper-validator-identifier": "^7.24.5",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@iarna/toml": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
+      "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
+      "dev": true
+    },
+    "node_modules/@mdn/browser-compat-data": {
+      "version": "5.5.31",
+      "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.5.31.tgz",
+      "integrity": "sha512-k2cK7WJKjWkcU3TY7yIc1dK6RZY8nqm+wNiR9uX9+Qcy5Gy9XzWoWNm+sQ/78OtBi6aTTXrK3HEopidhXasD+w==",
+      "dev": true
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@sindresorhus/slugify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-1.1.2.tgz",
+      "integrity": "sha512-V9nR/W0Xd9TSGXpZ4iFUcFGhuOJtZX82Fzxj1YISlbSgKvIiNa7eLEZrT0vAraPOt++KHauIVNYgGRgjc13dXA==",
+      "dev": true,
+      "dependencies": {
+        "@sindresorhus/transliterate": "^0.1.1",
+        "escape-string-regexp": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sindresorhus/transliterate": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-0.1.2.tgz",
+      "integrity": "sha512-5/kmIOY9FF32nicXH+5yLNTX4NJ4atl7jRgqAJuIn/iyDFXBktOKDxCvyGE/EzmF4ngSUvjXxQUQlQiZ5lfw+w==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0",
+        "lodash.deburr": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sindresorhus/transliterate/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@types/minimatch": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
+      "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==",
+      "dev": true
+    },
+    "node_modules/a-sync-waterfall": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/a-sync-waterfall/-/a-sync-waterfall-1.0.1.tgz",
+      "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
+      "dev": true
+    },
+    "node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-0.1.0.tgz",
+      "integrity": "sha512-lqzY9o+BbeGHRCOyxQkt/Tgvz0IZhTmQiA+LxQW8wSNpcTbj8K+0cZiSEvbpNZZP9/11Gy7dnLO3GNWUXO4d1g==",
+      "dev": true
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/array-differ": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz",
+      "integrity": "sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "dev": true
+    },
+    "node_modules/assert-never": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.2.1.tgz",
+      "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==",
+      "dev": true
+    },
+    "node_modules/async": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
+      "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==",
+      "dev": true
+    },
+    "node_modules/babel-walk": {
+      "version": "3.0.0-canary-5",
+      "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz",
+      "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.9.6"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/bcp-47": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/bcp-47/-/bcp-47-1.0.8.tgz",
+      "integrity": "sha512-Y9y1QNBBtYtv7hcmoX0tR+tUNSFZGZ6OL6vKPObq8BbOhkCoyayF6ogfLTgAli/KuAEbsYHYUNq2AQuY6IuLag==",
+      "dev": true,
+      "dependencies": {
+        "is-alphabetical": "^1.0.0",
+        "is-alphanumerical": "^1.0.0",
+        "is-decimal": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/bcp-47-match": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bcp-47-match/-/bcp-47-match-1.0.3.tgz",
+      "integrity": "sha512-LggQ4YTdjWQSKELZF5JwchnBa1u0pIQSZf5lSdOHEdbVP55h0qICA/FUp3+W99q0xqxYa1ZQizTUH87gecII5w==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/bcp-47-normalize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/bcp-47-normalize/-/bcp-47-normalize-1.1.1.tgz",
+      "integrity": "sha512-jWZ1Jdu3cs0EZdfCkS0UE9Gg01PtxnChjEBySeB+Zo6nkqtFfnvtoQQgP1qU1Oo4qgJgxhTI6Sf9y/pZIhPs0A==",
+      "dev": true,
+      "dependencies": {
+        "bcp-47": "^1.0.0",
+        "bcp-47-match": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/character-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz",
+      "integrity": "sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==",
+      "dev": true,
+      "dependencies": {
+        "is-regex": "^1.0.3"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/constantinople": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz",
+      "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.6.0",
+        "@babel/types": "^7.6.1"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dependency-graph": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz",
+      "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/dev-ip": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dev-ip/-/dev-ip-1.0.1.tgz",
+      "integrity": "sha512-LmVkry/oDShEgSZPNgqCIp2/TlqtExeGmymru3uCELnfyjY11IzpAproLYs+1X88fXO6DBoYP3ul2Xo2yz2j6A==",
+      "dev": true,
+      "bin": {
+        "dev-ip": "lib/dev-ip.js"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/doctypes": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
+      "integrity": "sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==",
+      "dev": true
+    },
+    "node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dev": true,
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "dev": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "node_modules/gray-matter": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
+      "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
+      "dev": true,
+      "dependencies": {
+        "js-yaml": "^3.13.1",
+        "kind-of": "^6.0.2",
+        "section-matter": "^1.0.0",
+        "strip-bom-string": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/hamljs": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/hamljs/-/hamljs-0.6.2.tgz",
+      "integrity": "sha512-/chXRp4WpL47I+HX1vCCdSbEXAljEG2FBMmgO7Am0bYsqgnEjreeWzUdX1onXqwZtcfgxbCg5WtEYYvuZ5muBg==",
+      "dev": true
+    },
+    "node_modules/handlebars": {
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.2",
+        "source-map": "^0.6.1",
+        "wordwrap": "^1.0.0"
+      },
+      "bin": {
+        "handlebars": "bin/handlebars"
+      },
+      "engines": {
+        "node": ">=0.4.7"
+      },
+      "optionalDependencies": {
+        "uglify-js": "^3.1.4"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
+      "integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.2",
+        "domutils": "^2.8.0",
+        "entities": "^3.0.1"
+      }
+    },
+    "node_modules/http-equiv-refresh": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/http-equiv-refresh/-/http-equiv-refresh-1.0.0.tgz",
+      "integrity": "sha512-TScO04soylRN9i/QdOdgZyhydXg9z6XdaGzEyOgDKycePeDeTT4KvigjBcI+tgfTlieLWauGORMq5F1eIDa+1w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/is-alphabetical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+      "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+      "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+      "dev": true,
+      "dependencies": {
+        "is-alphabetical": "^1.0.0",
+        "is-decimal": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-decimal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+      "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-expression": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz",
+      "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-json": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-json/-/is-json-2.0.1.tgz",
+      "integrity": "sha512-6BEnpVn1rcf3ngfmViLM6vjUjGErbdrL4rwlv+u1NO1XO8kqT4YGL8+19Q+Z/bas8tY90BTWMk2+fW1g6hQjbA==",
+      "dev": true
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==",
+      "dev": true
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/iso-639-1": {
+      "version": "2.1.15",
+      "resolved": "https://registry.npmjs.org/iso-639-1/-/iso-639-1-2.1.15.tgz",
+      "integrity": "sha512-7c7mBznZu2ktfvyT582E2msM+Udc1EjOyhVRE/0ZsjD9LBtWSm23h3PtiRh2a35XoUsTQQjJXaJzuLjXsOdFDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.9.1",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.1.tgz",
+      "integrity": "sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==",
+      "dev": true,
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/js-stringify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz",
+      "integrity": "sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==",
+      "dev": true
+    },
+    "node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jstransformer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz",
+      "integrity": "sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==",
+      "dev": true,
+      "dependencies": {
+        "is-promise": "^2.0.0",
+        "promise": "^7.0.1"
+      }
+    },
+    "node_modules/junk": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/junk/-/junk-1.0.3.tgz",
+      "integrity": "sha512-3KF80UaaSSxo8jVnRYtMKNGFOoVPBdkkVPsw+Ad0y4oxKXPduS6G6iHkrf69yJVff/VAaYXkV42rtZ7daJxU3w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "dev": true,
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/liquidjs": {
+      "version": "10.13.0",
+      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.13.0.tgz",
+      "integrity": "sha512-MnxinZZgtLcbuvwjCuNwsVthDQgcGEJzXRZZIq9rkUILwLbez3286Gsl0P3h9cL3crng45Joh+sCMcoQ0WsL5w==",
+      "dev": true,
+      "dependencies": {
+        "commander": "^10.0.0"
+      },
+      "bin": {
+        "liquid": "bin/liquid.js",
+        "liquidjs": "bin/liquid.js"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/liquidjs"
+      }
+    },
+    "node_modules/list-to-array": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/list-to-array/-/list-to-array-1.1.0.tgz",
+      "integrity": "sha512-+dAZZ2mM+/m+vY9ezfoueVvrgnHIGi5FvgSymbIgJOFwiznWyA59mav95L+Mc6xPtL3s9gm5eNTlNtxJLbNM1g==",
+      "dev": true
+    },
+    "node_modules/lodash.deburr": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-4.1.0.tgz",
+      "integrity": "sha512-m/M1U1f3ddMCs6Hq2tAsYThTBDaAKFDX3dwDo97GEYzamXi9SqUpjWi/Rrj/gf3X2n8ktwgZrlP1z6E3v/IExQ==",
+      "dev": true
+    },
+    "node_modules/luxon": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.4.tgz",
+      "integrity": "sha512-zobTr7akeGHnv7eBOXcRgMeCP6+uyYsczwmeRCauvpvaAltgNyTbLH/+VaEAPUeWBT+1GuNmz4wC/6jtQzbbVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.2.tgz",
+      "integrity": "sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/markdown-it/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/maximatch": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz",
+      "integrity": "sha512-9ORVtDUFk4u/NFfo0vG/ND/z7UQCVZBL539YW0+U1I7H1BkZwizcPx5foFv7LCPcBnm2U6RjFnQOsIvN4/Vm2A==",
+      "dev": true,
+      "dependencies": {
+        "array-differ": "^1.0.0",
+        "array-union": "^1.0.1",
+        "arrify": "^1.0.0",
+        "minimatch": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/maximatch/node_modules/array-differ": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz",
+      "integrity": "sha512-LeZY+DZDRnvP7eMuQ6LHfCzUGxAAIViUBliK24P3hWXL6y4SortgR6Nim6xrkfSLlmH0+k+9NYNwVC2s53ZrYQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/maximatch/node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "dev": true,
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/maximatch/node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "dev": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/moo": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
+      "integrity": "sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==",
+      "dev": true
+    },
+    "node_modules/morphdom": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/morphdom/-/morphdom-2.7.2.tgz",
+      "integrity": "sha512-Dqb/lHFyTi7SZpY0a5R4I/0Edo+iPMbaUexsHHsLAByyixCDiLHPHyVoKVmrpL0THcT7V9Cgev9y21TQYq6wQg==",
+      "dev": true
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/multimatch": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-5.0.0.tgz",
+      "integrity": "sha512-ypMKuglUrZUD99Tk2bUQ+xNQj43lPEfAeX2o9cTteAmShXy2VHDJpuwu1o0xqoKCt9jLVAvwyFKdLTPXKAfJyA==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimatch": "^3.0.3",
+        "array-differ": "^3.0.0",
+        "array-union": "^2.1.0",
+        "arrify": "^2.0.1",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mustache": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/mustache/-/mustache-4.2.0.tgz",
+      "integrity": "sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==",
+      "dev": true,
+      "bin": {
+        "mustache": "bin/mustache"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nunjucks": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/nunjucks/-/nunjucks-3.2.4.tgz",
+      "integrity": "sha512-26XRV6BhkgK0VOxfbU5cQI+ICFUtMLixv1noZn1tGU38kQH5A5nmmbk/O45xdyBhD1esk47nKrY0mvQpZIhRjQ==",
+      "dev": true,
+      "dependencies": {
+        "a-sync-waterfall": "^1.0.0",
+        "asap": "^2.0.3",
+        "commander": "^5.1.0"
+      },
+      "bin": {
+        "nunjucks-precompile": "bin/precompile"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nunjucks/node_modules/commander": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
+      "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/parse-srcset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+      "integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==",
+      "dev": true
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-to-regexp": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.2.tgz",
+      "integrity": "sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/please-upgrade-node": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
+      "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
+      "dev": true,
+      "dependencies": {
+        "semver-compare": "^1.0.0"
+      }
+    },
+    "node_modules/posthtml": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.16.6.tgz",
+      "integrity": "sha512-JcEmHlyLK/o0uGAlj65vgg+7LIms0xKXe60lcDOTU7oVX/3LuEuLwrQpW3VJ7de5TaFKiW4kWkaIpJL42FEgxQ==",
+      "dev": true,
+      "dependencies": {
+        "posthtml-parser": "^0.11.0",
+        "posthtml-render": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/posthtml-parser": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.11.0.tgz",
+      "integrity": "sha512-QecJtfLekJbWVo/dMAA+OSwY79wpRmbqS5TeXvXSX+f0c6pW4/SE6inzZ2qkU7oAMCPqIDkZDvd/bQsSFUnKyw==",
+      "dev": true,
+      "dependencies": {
+        "htmlparser2": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/posthtml-render": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-3.0.0.tgz",
+      "integrity": "sha512-z+16RoxK3fUPgwaIgH9NGnK1HKY9XIDpydky5eQGgAFVXTCSezalv9U2jQuNV+Z9qV1fDWNzldcw4eK0SSbqKA==",
+      "dev": true,
+      "dependencies": {
+        "is-json": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/posthtml-urls": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/posthtml-urls/-/posthtml-urls-1.0.0.tgz",
+      "integrity": "sha512-CMJ0L009sGQVUuYM/g6WJdscsq6ooAwhUuF6CDlYPMLxKp2rmCYVebEU+wZGxnQstGJhZPMvXsRhtqekILd5/w==",
+      "dev": true,
+      "dependencies": {
+        "http-equiv-refresh": "^1.0.0",
+        "list-to-array": "^1.1.0",
+        "parse-srcset": "^1.0.2",
+        "promise-each": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "dependencies": {
+        "asap": "~2.0.3"
+      }
+    },
+    "node_modules/promise-each": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/promise-each/-/promise-each-2.2.0.tgz",
+      "integrity": "sha512-67roqt1k3QDA41DZ8xi0V+rF3GoaMiX7QilbXu0vXimut+9RcKBNZ/t60xCRgcsihmNUsEjh48xLfNqOrKblUg==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^0.1.0"
+      }
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "dev": true
+    },
+    "node_modules/pug": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.2.tgz",
+      "integrity": "sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==",
+      "dev": true,
+      "dependencies": {
+        "pug-code-gen": "^3.0.2",
+        "pug-filters": "^4.0.0",
+        "pug-lexer": "^5.0.1",
+        "pug-linker": "^4.0.0",
+        "pug-load": "^3.0.0",
+        "pug-parser": "^6.0.0",
+        "pug-runtime": "^3.0.1",
+        "pug-strip-comments": "^2.0.0"
+      }
+    },
+    "node_modules/pug-attrs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz",
+      "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==",
+      "dev": true,
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "js-stringify": "^1.0.2",
+        "pug-runtime": "^3.0.0"
+      }
+    },
+    "node_modules/pug-code-gen": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.2.tgz",
+      "integrity": "sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==",
+      "dev": true,
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "doctypes": "^1.1.0",
+        "js-stringify": "^1.0.2",
+        "pug-attrs": "^3.0.0",
+        "pug-error": "^2.0.0",
+        "pug-runtime": "^3.0.0",
+        "void-elements": "^3.1.0",
+        "with": "^7.0.0"
+      }
+    },
+    "node_modules/pug-error": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.0.0.tgz",
+      "integrity": "sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==",
+      "dev": true
+    },
+    "node_modules/pug-filters": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz",
+      "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==",
+      "dev": true,
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "jstransformer": "1.0.0",
+        "pug-error": "^2.0.0",
+        "pug-walk": "^2.0.0",
+        "resolve": "^1.15.1"
+      }
+    },
+    "node_modules/pug-lexer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz",
+      "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==",
+      "dev": true,
+      "dependencies": {
+        "character-parser": "^2.2.0",
+        "is-expression": "^4.0.0",
+        "pug-error": "^2.0.0"
+      }
+    },
+    "node_modules/pug-linker": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz",
+      "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==",
+      "dev": true,
+      "dependencies": {
+        "pug-error": "^2.0.0",
+        "pug-walk": "^2.0.0"
+      }
+    },
+    "node_modules/pug-load": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz",
+      "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==",
+      "dev": true,
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "pug-walk": "^2.0.0"
+      }
+    },
+    "node_modules/pug-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz",
+      "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==",
+      "dev": true,
+      "dependencies": {
+        "pug-error": "^2.0.0",
+        "token-stream": "1.0.0"
+      }
+    },
+    "node_modules/pug-runtime": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz",
+      "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==",
+      "dev": true
+    },
+    "node_modules/pug-strip-comments": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz",
+      "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==",
+      "dev": true,
+      "dependencies": {
+        "pug-error": "^2.0.0"
+      }
+    },
+    "node_modules/pug-walk": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz",
+      "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==",
+      "dev": true
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/recursive-copy": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/recursive-copy/-/recursive-copy-2.0.14.tgz",
+      "integrity": "sha512-K8WNY8f8naTpfbA+RaXmkaQuD1IeW9EgNEfyGxSqqTQukpVtoOKros9jUqbpEsSw59YOmpd8nCBgtqJZy5nvog==",
+      "dev": true,
+      "dependencies": {
+        "errno": "^0.1.2",
+        "graceful-fs": "^4.1.4",
+        "junk": "^1.0.1",
+        "maximatch": "^0.1.0",
+        "mkdirp": "^0.5.1",
+        "pify": "^2.3.0",
+        "promise": "^7.0.1",
+        "rimraf": "^2.7.1",
+        "slash": "^1.0.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/section-matter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
+      "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "kind-of": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "dev": true
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/slugify": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.6.tgz",
+      "integrity": "sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true
+    },
+    "node_modules/ssri": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
+      "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==",
+      "dev": true,
+      "dependencies": {
+        "minipass": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/strip-bom-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
+      "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/token-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz",
+      "integrity": "sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==",
+      "dev": true
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+      "dev": true
+    },
+    "node_modules/uglify-js": {
+      "version": "3.17.4",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz",
+      "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/web-features": {
+      "version": "0.8.5-dev-20240606105715-b9aa5f6",
+      "resolved": "https://registry.npmjs.org/web-features/-/web-features-0.8.5-dev-20240606105715-b9aa5f6.tgz",
+      "integrity": "sha512-Vk3KLPwpmGqRe2OpX44GSAGoW0ktzmAA7H32YoXkMO8TwJhqc5vyKX7x3oAZVaBeS0716tJ0gy8khUxV6tdx8g==",
+      "dev": true
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/with": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz",
+      "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.9.6",
+        "@babel/types": "^7.9.6",
+        "assert-never": "^1.2.1",
+        "babel-walk": "3.0.0-canary-5"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
+      "dev": true
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/ws": {
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz",
+      "integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000000..e5649830ea
--- /dev/null
+++ b/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "web-features-explorer",
+  "description": "Visualize web features",
+  "devDependencies": {
+    "@11ty/eleventy": "^2.0.1",
+    "@mdn/browser-compat-data": "^5.5.31",
+    "web-features": "next"
+  },
+  "scripts": {
+    "build": "npx rimraf docs && npx @11ty/eleventy",
+    "serve": "npx @11ty/eleventy --serve"
+  }
+}
diff --git a/site/_includes/baseline.njk b/site/_includes/baseline.njk
new file mode 100644
index 0000000000..ee52896c8e
--- /dev/null
+++ b/site/_includes/baseline.njk
@@ -0,0 +1,5 @@
+<div class="availability">
+  {% if not feature.status.baseline %}Limited availability{% endif %}
+  {% if feature.status.baseline === "low" %}Newly available since {{ feature.status.baseline_low_date }} (baseline low){% endif %}
+  {% if feature.status.baseline === "high" %}Widely available since {{ feature.status.baseline_high_date }} (baseline high){% endif %}
+</div>
\ No newline at end of file
diff --git a/site/_includes/compat.njk b/site/_includes/compat.njk
new file mode 100644
index 0000000000..cba87236b0
--- /dev/null
+++ b/site/_includes/compat.njk
@@ -0,0 +1,22 @@
+<ul class="compat">
+  {% for browser in browsers %}
+    <li class="browser browser-{{ browser.id }}{% if feature.status.support[browser.id] %} supported{% endif %}">
+      <span class="name">{{ browser.name }}</span>
+      {%set version = feature.status.support[browser.id] %}
+      {% if version %}
+        <span class="version">{{ version }}</span>
+        <span class="date">Released on {{ browser.releases[version].release_date }}</span>
+      {% else %}
+        <span class="version">❌</span>
+        {% if feature.implUrls[browser.id] and feature.implUrls[browser.id].length %}
+          <span class="bug">
+            See
+            {% for implUrl in feature.implUrls[browser.id] %}
+              <a href="{{ implUrl }}">{{ implUrl | replace("https://", "") }}</a>
+            {% endfor %}
+          </span>
+        {% endif %}
+      {% endif %}
+    </li>
+  {% endfor %}
+</ul>
\ No newline at end of file
diff --git a/site/_includes/feature_full.njk b/site/_includes/feature_full.njk
new file mode 100644
index 0000000000..57b302debc
--- /dev/null
+++ b/site/_includes/feature_full.njk
@@ -0,0 +1,45 @@
+<div id="{{ feature.id }}" class="feature baseline-{{ feature.status.baseline }}">
+  {% include "baseline.njk" %}
+  
+  <h1>{{ feature.name }}</h1>
+  <p>{{ feature.description_html | safe }}</p>
+  
+  <h3>Compatibility{% if feature.caniuse %} <span class="subtext">(<a href="https://caniuse.com/{{ feature.caniuse }}">view on caniuse.com</a>)</span>{% endif %}</h3>
+  {% include "compat.njk" %}
+  
+  {% include "mdn_docs.njk" %}
+
+  {% include "specs.njk" %}
+
+  <h3>Vendor resources</h3>
+  <ul class="resources">
+    <li>
+      <strong>Chromium</strong>
+      <ul>
+        <li><a href="https://chromestatus.com/features#{{ feature.name }}">ChromeStatus</a></li>
+        <li><a href="https://www.google.com/search?q=implement {{ feature.name }}+site%3Aissues.chromium.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>Mozilla</strong>
+      <ul>
+        <li><a href="https://github.com/mozilla/standards-positions/issues?q={{ feature.name }}">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement {{ feature.name }}+site%3Abugzilla.mozilla.org">Bugs</a></li>
+      </ul>
+    </li>
+    <li>
+      <strong>WebKit</strong>
+      <ul>
+        <li><a href="https://github.com/WebKit/standards-positions/issues?q={{ feature.name }}">Standard positions</a></li>
+        <li><a href="https://www.google.com/search?q=implement {{ feature.name }}+site%3Abugs.webkit.org">Bugs</a></li>
+      </ul>
+    </li>
+  </ul>
+
+  <h3>BCD data</h3>
+  <ul class="resources">
+    {% for bcd in feature.bcdData %}
+      <li><a href="https://github.com/mdn/browser-compat-data/blob/main/{{ bcd.compat.source_file }}">{{ bcd.key }}</a></li>
+    {% endfor %}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/site/_includes/feature_short.njk b/site/_includes/feature_short.njk
new file mode 100644
index 0000000000..332bee5cef
--- /dev/null
+++ b/site/_includes/feature_short.njk
@@ -0,0 +1,9 @@
+<div id="{{ feature.id }}" class="feature short baseline-{{ feature.status.baseline }}">
+  {% include "baseline.njk" %}
+
+  <h2>{{ feature.name }}</h2>
+  <p>{{ feature.description_html | safe }}</p>
+  <p><strong><a href="/features/{{ feature.id | slugify }}/">Learn more</a></strong></p>
+
+  {% include "compat.njk" %}
+</div>
\ No newline at end of file
diff --git a/site/_includes/layout.njk b/site/_includes/layout.njk
new file mode 100644
index 0000000000..7faa3cdcad
--- /dev/null
+++ b/site/_includes/layout.njk
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>{{ title }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/assets/styles.css">
+  </head>
+  <body>
+
+    <header><a href="/">web-features explorer</a></header>
+
+    <nav>
+      <ul>
+        <li><a href="/recent">Newly available</a></li>
+        <li><a href="/baseline">Widely available</a></li>
+        <li><a href="/nobaseline">Not yet available</a></li>
+        <li><a href="/missingone">Missing in just one engine</a></li>
+        <li><a href="/all">All features</a></li>
+        <li><a href="/monthly">Monthly updates</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      {{ content | safe }}
+    </main>
+
+    <footer>
+      <p>Generated on {{ versions.date }} using <a href="https://github.com/web-platform-dx/web-features/">web-features</a> <code>{{ versions.webFeatures }}</code> and <a href="https://github.com/mdn/browser-compat-data/">browser-compat-data</a> <code>{{ versions.bcd }}</code></p>
+      <p>Source code: <a href="https://github.com/captainbrosset/web-features-explorer">web-features-explorer GitHub repo</a>.</p>
+    </footer>
+
+  </body>
+</html>
diff --git a/site/_includes/mdn_docs.njk b/site/_includes/mdn_docs.njk
new file mode 100644
index 0000000000..7b2b1dea25
--- /dev/null
+++ b/site/_includes/mdn_docs.njk
@@ -0,0 +1,12 @@
+{% if feature.hasMdnUrls %}
+  <div class="mdn-docs">
+    <h3>MDN docs</h3>
+    {% for area, urls in feature.mdnUrls %}
+      <ul class="mdn-docs-area link-list" data-area="{{ area }}">
+        {% for url in urls %}
+          <li class="link-list-item"><a href="{{ url.url }}">{{ url.title }}</a></li>
+        {% endfor %}
+      </ul>
+    {% endfor %}
+  </div>
+{% endif %}
\ No newline at end of file
diff --git a/site/_includes/specs.njk b/site/_includes/specs.njk
new file mode 100644
index 0000000000..621fd65ecd
--- /dev/null
+++ b/site/_includes/specs.njk
@@ -0,0 +1,10 @@
+{% if feature.spec.length %}
+  <div class="specs">
+    <h3>Specifications</h3>
+    <ul class="link-list">
+      {% for spec in feature.spec %}
+        <li class="link-list-item"><a href="{{ spec }}">{{ spec }}</a></li>
+      {% endfor %}
+    </ul>
+  </div>
+{% endif %}
\ No newline at end of file
diff --git a/site/all.njk b/site/all.njk
new file mode 100644
index 0000000000..6cd95891f7
--- /dev/null
+++ b/site/all.njk
@@ -0,0 +1,14 @@
+---
+title: All features
+layout: layout.njk
+---
+
+<h1>{{ title }}</h1>
+
+<ul class="features">
+  {% for feature in allFeatures %}
+    <li>
+      {% include "feature_short.njk" %}
+    </li>
+  {% endfor %}
+</ul>
diff --git a/site/assets/baseline-high.svg b/site/assets/baseline-high.svg
new file mode 100644
index 0000000000..83b6ef2e14
--- /dev/null
+++ b/site/assets/baseline-high.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 62"><path d="m86.333 6.2-6.166 6.2 18.5 18.6-18.5 18.6-12.334-12.4-6.166 6.2 18.5 18.6L111 31 86.333 6.2ZM30.833 0 6.167 24.8l6.166 6.2 18.5-18.6 12.334 12.4 6.166-6.2L30.833 0Z" fill="#B9D8BF"/><path d="m80.167 0 6.166 6.2-55.5 55.8L0 31l6.167-6.2 24.666 24.8L80.167 0Z" fill="#148936"/></svg>
\ No newline at end of file
diff --git a/site/assets/baseline-limited.svg b/site/assets/baseline-limited.svg
new file mode 100644
index 0000000000..9b126ff1dc
--- /dev/null
+++ b/site/assets/baseline-limited.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 62"><path d="m30.833 0 18.5 18.6-6.166 6.2-18.5-18.6L30.833 0Z" fill="#D78000"/><path d="M86.333 6.2 111 31 86.333 55.8l-6.166-6.2 18.5-18.6-18.5-18.6 6.166-6.2Z" fill="#E5D0AC"/><path d="m67.833 37.2-6.166 6.2 18.5 18.6 6.166-6.2-18.5-18.6Z" fill="#D78000"/><path d="m24.667 6.2 6.166 6.2-18.5 18.6 18.5 18.6-6.166 6.2L0 31 24.667 6.2Z" fill="#E5D0AC"/><path d="m80.167 0 6.166 6.2-55.5 55.8-6.166-6.2L80.167 0Z" fill="#D78000"/></svg>
\ No newline at end of file
diff --git a/site/assets/baseline-low.svg b/site/assets/baseline-low.svg
new file mode 100644
index 0000000000..4256a616b7
--- /dev/null
+++ b/site/assets/baseline-low.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 61"><path d="M30.833 0 37 6.1l-6.167 6.1-6.166-6.1L30.833 0Zm12.334 12.2 6.166 6.1-6.166 6.1L37 18.3l6.167-6.1Zm49.333 0 6.167 6.1-6.167 6.1-6.167-6.1 6.167-6.1Zm12.333 12.2L111 30.5l-6.167 6.1-6.166-6.1 6.166-6.1ZM92.5 36.6l6.167 6.1-6.167 6.1-6.167-6.1 6.167-6.1ZM80.167 48.8l6.166 6.1-6.166 6.1L74 54.9l6.167-6.1ZM67.833 36.6 74 42.7l-6.167 6.1-6.166-6.1 6.166-6.1ZM18.5 12.2l6.167 6.1-6.167 6.1-6.167-6.1 6.167-6.1Z" fill="#223F80"/><path d="m80.167 0 6.166 6.1-55.5 54.9L0 30.5l6.167-6.1 24.666 24.4L80.167 0Z" fill="#4185FF"/></svg>
\ No newline at end of file
diff --git a/site/assets/chrome.svg b/site/assets/chrome.svg
new file mode 100644
index 0000000000..e3d20596a9
--- /dev/null
+++ b/site/assets/chrome.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><path d="M49.84 5a45 45 0 0140.32 24.7l-37.25-1.95c-10.55-.6-20.59 5.32-24 15.26L15 21.72A45 45 0 0149.85 5zM12.33 25.34l16.93 33.29C34 68 44.12 73.74 54.56 71.78L43 94.43a45 45 0 01-30.67-69.09zM92 33.82a45 45 0 01-44.51 61.11l20.33-31.28c5.78-8.89 5.68-20.49-1.2-28.52zm-42 1A15.17 15.17 0 1134.83 50 15.15 15.15 0 0150 34.83z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/site/assets/edge.svg b/site/assets/edge.svg
new file mode 100644
index 0000000000..328c84572f
--- /dev/null
+++ b/site/assets/edge.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><g fill="currentColor"><path d="M60.81 93.78c-11 .58-21.31-7.29-24.1-18.29a25.74 25.74 0 013.36-20.91c.25-.37.41-1 1-.89.44.11.35.65.39 1 1.11 8.36 5.88 14.19 13.12 18 10.3 5.39 20.77 5.12 31.18.13 1-.48 2.12-1.51 3.18-.37s0 2.3-.6 3.28c-5.56 8.52-12.71 15-22.94 17.42-1 .23-2 .4-3 .55-.47.05-1.03.08-1.59.08z"/><path d="M51.82 42.22c2.29.48-11.15-10.67-27.69-8.16-5.76.87-19 5.86-17.89 23.66C8.23 89.66 34.15 94.33 42.78 95a1 1 0 001.08-.92 1 1 0 00-.3-.8C39 88.87 26.39 81.09 29.22 65.05c2.54-14.49 12.94-24.87 22.6-22.83z"/><path d="M62.11 62.19c3.76 1.3 9.77 2 18.76-.24h.06a19.87 19.87 0 0012.61-15.47C96.08 29.11 81.44 5.8 55.82 5 20.3 4 10.55 27.14 8.69 32.85a.39.39 0 00.61.43c4.13-3.3 20.86-14.69 41.62-1.64C62.68 41 61.21 50.39 59.09 55.43a5 5 0 002.65 6.62z"/></g></svg>
\ No newline at end of file
diff --git a/site/assets/firefox.svg b/site/assets/firefox.svg
new file mode 100644
index 0000000000..543c4e5aa1
--- /dev/null
+++ b/site/assets/firefox.svg
@@ -0,0 +1,3 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 794" width="768" height="794">
+	<path id="Layer" fill-rule="evenodd" class="s0" d="m739.7 266.5c-16.7-40.1-50.5-83.3-77-97.1 21.7 42.3 34.2 84.9 38.8 116.5l0.2 0.7c-43.5-108.2-117.1-151.8-177.2-246.8-3-4.8-6-9.6-9-14.7-1.6-2.6-2.9-5.2-4.3-8-2.5-4.8-4.3-9.8-5.6-15.2 0-0.5-0.4-0.9-0.9-1q-0.4 0-0.8 0l-0.1 0.1c-0.2 0-0.3 0.1-0.3 0.1 0 0 0-0.1 0.1-0.2-85.4 50-120.7 137.6-129.8 193.2-26.4 1.6-52.2 8.2-76 19.4-4.6 2.3-6.7 7.6-5 12.2 2 5.4 8 8 13.2 5.6 20.8-9.7 43.2-15.6 66.2-17.1l2.3-0.3c3.1-0.1 6.3-0.3 9.5-0.3 18.6-0.1 37.2 2.5 55 7.7l3.2 0.9c3 0.9 5.8 1.9 8.8 3 2.1 0.8 4.3 1.6 6.4 2.5 1.7 0.6 3.4 1.4 5.1 2.1 2.6 1.2 5.2 2.5 7.8 3.8l3.5 1.6c2.6 1.4 5.1 2.8 7.6 4.2 1.6 0.9 3.1 1.8 4.7 2.9 27.7 17.2 50.9 41 67 69.4-20.4-14.3-57.1-28.6-92.4-22.4 138 69 100.9 306.6-90.4 297.6-17-0.6-33.8-3.9-49.8-9.6-3.9-1.4-7.7-3-11.4-4.6-2.1-1-4.4-2-6.5-3.1-46.9-24.2-85.5-70-90.3-125.7 0 0 17.7-66 126.8-66 11.8 0 45.6-32.9 46.2-42.4-0.3-3.2-67.1-29.7-93.1-55.3-13.9-13.7-20.4-20.3-26.3-25.3-3.1-2.7-6.5-5.2-10-7.5-8.7-30.6-9.1-63.1-1.1-93.8-39.4 18-70 46.4-92.3 71.4h-0.2c-15.2-19.3-14.1-82.9-13.3-96.1-0.1-0.9-11.3 5.7-12.8 6.7-13.4 9.7-26 20.4-37.5 32.2q-19.7 19.9-35.9 43c-24.6 34.9-42.2 74.4-51.4 116.1-0.2 0.5-3.7 16.2-6.3 35.4-0.5 3-0.9 6-1.3 9-1 7.3-1.8 14.7-2.2 22l-0.1 1.2c-0.2 4.3-0.5 8.5-0.8 12.8v1.9c0 212 171.9 383.9 383.9 383.9 189.8 0 347.5-137.9 378.4-318.9 0.6-4.9 1.1-9.9 1.7-14.8 7.7-65.8-0.8-135.1-25-192.9zm-553-71.3c0.3 0 0.2 0 0 0zm92.5 46.2c0.3 0 0.1 0 0 0z"/>
+</svg>
\ No newline at end of file
diff --git a/site/assets/safari.svg b/site/assets/safari.svg
new file mode 100644
index 0000000000..4e3ff7ad09
--- /dev/null
+++ b/site/assets/safari.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><path d="M52.66 49.85a3 3 0 01-2.91 3.21 3.06 3.06 0 11-.25-6.12 3 3 0 013.16 2.91zm.75 2.91L71 23.58C68.63 25.79 46.63 46 46 47.09L28.5 76.22c2.31-2.16 24.36-22.5 24.91-23.46zM85.91 50a35.75 35.75 0 01-5.22 18.63 23.71 23.71 0 00-3-1.75.66.66 0 00-.65.65c0 .65 2.36 1.86 3 2.21a36.11 36.11 0 01-21.45 15.12l-.8-3.37c-.06-.45-.36-.5-.76-.5s-.55.5-.5.75l.81 3.41a35.59 35.59 0 01-7.34.76 36.05 36.05 0 01-18.68-5.28A29 29 0 0033.53 77a.66.66 0 00-.65-.65c-.7 0-2.21 3-2.66 3.62a36.13 36.13 0 01-15.17-21.7l3.47-.75a.66.66 0 00.5-.75c0-.35-.5-.56-.81-.5L14.8 57a35.69 35.69 0 014.77-26 23.79 23.79 0 003.31 2 .63.63 0 00.66-.6c0-.71-2.66-2.06-3.27-2.46A36.18 36.18 0 0142 15l.75 3.37a.66.66 0 00.75.5c.35 0 .56-.5.5-.81l-.75-3.31a37.07 37.07 0 016.75-.66 36 36 0 0119 5.47 19.08 19.08 0 00-2 3.27.62.62 0 00.6.65c.71 0 2.06-2.61 2.41-3.22a35.94 35.94 0 0114.9 21.45l-2.82.6c-.45.1-.5.4-.5.8s.5.56.76.51l2.86-.62a36.83 36.83 0 01.7 7zm4.27 0A40.18 40.18 0 1050 90.18 40.17 40.17 0 0090.18 50zM95 50A45 45 0 1150 5a45 45 0 0145 45z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/site/assets/styles.css b/site/assets/styles.css
new file mode 100644
index 0000000000..75dcde3399
--- /dev/null
+++ b/site/assets/styles.css
@@ -0,0 +1,268 @@
+:root {
+  --baseline-low-bg: #e8f0fe;
+  --baseline-low-label-bg: #d2e3fc;
+  --baseline-high-bg: #e6f4ea;
+  --baseline-high-label-bg: #ceead6;
+  --baseline-limited-bg: #f1f3f4;
+  --baseline-limited-label-bg: #e3e6e8;
+  --browser-supported-bg: #ceead6;
+  --browser-unsupported-bg: #f5d6d6;
+  --text: black;
+  --sub-text: #666;
+}
+
+html {
+  font-size: 1rem;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  color: var(--text);
+}
+
+body {
+  margin: 2rem;
+}
+
+header {
+  font-size: 2rem;
+  font-weight: bold;
+  margin-block-end: 2rem;
+}
+
+h1 {
+  margin: 2rem 0;
+}
+
+.intro {
+  margin: 2rem 0;
+}
+
+.intro dl {
+  display: grid;
+  grid-template-columns: max-content auto;
+  gap: 0.5rem;
+}
+
+.intro dl dt {
+  font-weight: bold;
+}
+
+.intro dl dd {
+  margin: 0;
+}
+
+ul,
+li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+h3 .subtext {
+  font-size: small;
+  font-weight: normal;
+}
+
+.feature {
+  padding: 2rem;
+  border-radius: 0.5rem;
+  margin-block-start: 2rem;
+}
+
+.baseline-false {
+  background: var(--baseline-limited-bg);
+}
+
+.baseline-low {
+  background: var(--baseline-low-bg);
+}
+
+.baseline-high {
+  background: var(--baseline-high-bg);
+}
+
+.feature h2,
+.feature h1 {
+  margin: 0;
+  font-size: 1.2rem;
+}
+
+.feature > p {
+  margin: 2rem 0;
+}
+
+.feature.short > p {
+  margin: 1rem 0;
+}
+
+.feature .availability {
+  --bg: var(--baseline-limited-label-bg);
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  background: var(--bg);
+  font-weight: bold;
+  font-size: 0.75rem;
+  border: 2px solid color-mix(in srgb, var(--bg) 90%, black);
+  width: max-content;
+  padding-inline-start: 2rem;
+  background-repeat: no-repeat;
+  background-position: 0.25rem center;
+  background-size: 1.5rem;
+  background-image: url(./baseline-limited.svg);
+  float: right;
+  margin: 0 0 1rem 1rem;
+}
+
+.feature.baseline-low .availability {
+  --bg: var(--baseline-low-label-bg);
+  background-image: url(./baseline-low.svg);
+}
+
+.feature.baseline-high .availability {
+  --bg: var(--baseline-high-label-bg);
+  background-image: url(./baseline-high.svg);
+}
+
+.compat {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+}
+
+.compat .browser {
+	--bg: var(--browser-unsupported-bg);
+	padding: 1.25rem 0.55rem 0.25rem 0.5rem;
+	border-radius: 0.25rem;
+	border: 2px solid color-mix(in srgb, var(--bg) 90%, black);
+	background-color: var(--bg);
+	background-position: center .25rem;
+	background-repeat: no-repeat;
+	background-size: 1rem;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	min-width: 4rem;
+}
+
+.compat .browser.supported {
+  --bg: var(--browser-supported-bg);
+}
+
+.compat .browser-chrome,
+.compat .browser-chrome_android {
+  background-image: url(./chrome.svg);
+}
+
+.compat .browser-firefox,
+.compat .browser-firefox_android {
+  background-image: url(./firefox.svg);
+}
+
+.compat .browser-edge {
+  background-image: url(./edge.svg);
+}
+
+.compat .browser-safari,
+.compat .browser-safari_ios {
+  background-image: url(./safari.svg);
+}
+
+.compat .browser .name {
+  font-weight: bold;
+}
+
+.compat .browser .date,
+.compat .browser .bug {
+  font-style: italic;
+  font-size: 0.75rem;
+}
+
+.feature .resources,
+.feature .resources li {
+  list-style: disc;
+  padding-inline-start: 0.5rem;
+  margin-inline-start: 0.5rem;
+}
+
+nav {
+  border-block-end: 2px solid;
+  padding-inline-start: 1rem;
+}
+
+nav ul {
+  display: flex;
+  justify-content: start;
+  gap: 0.25rem;
+}
+
+nav a {
+  display: block;
+  padding: 0.5rem;
+}
+
+nav li {
+  border: 2px solid;
+  border-block-end-width: 0;
+}
+
+.mdn-docs {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.mdn-docs h3 {
+  flex-basis: 100%;
+}
+
+.mdn-docs-area {
+  align-self: start;
+  flex: 15rem 1 1;
+  position: relative;
+}
+
+.mdn-docs-area::before {
+	content: attr(data-area);
+	text-transform: uppercase;
+	font-size: small;
+	padding: .25rem;
+	background: #fff5;
+	border: 2px solid #0003;
+	position: absolute;
+	inset: 0 0 auto auto;
+	border-width: 0 0 2px 2px;
+}
+
+.mdn-docs h4 {
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.mdn-docs li {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.link-list {
+  background: #fff5;
+  padding: 1rem;
+  border: 2px solid #0003;
+}
+
+.link-list-item {
+  border-block-end: 1px solid #0003;
+  padding-block-end: 1rem;
+  margin-block-end: 1rem;
+}
+
+.link-list-item:last-of-type {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+footer {
+  border-block-start: 2px solid;
+  margin-block-start: 2rem;
+  color: var(--sub-text);
+  font-size: smaller;
+}
diff --git a/site/baseline.njk b/site/baseline.njk
new file mode 100644
index 0000000000..9ba14f9d02
--- /dev/null
+++ b/site/baseline.njk
@@ -0,0 +1,16 @@
+---
+title: Widely available features
+layout: layout.njk
+---
+
+<h1>{{ title }}</h1>
+
+<p>These features have been supported across all core browsers for a while.</p>
+
+<ul class="features">
+  {% for feature in baselineFeatures %}
+    <li>
+      {% include "feature_short.njk" %}
+    </li>
+  {% endfor %}
+</ul>
diff --git a/site/feature.njk b/site/feature.njk
new file mode 100644
index 0000000000..d0c9a9ddaf
--- /dev/null
+++ b/site/feature.njk
@@ -0,0 +1,12 @@
+---
+layout: layout.njk
+pagination:
+  data: allFeatures
+  size: 1
+  alias: feature
+permalink: "features/{{ feature.id | slugify }}/"
+eleventyComputed:
+  title: "{{ feature.name }}"
+---
+
+{% include "feature_full.njk" %}
\ No newline at end of file
diff --git a/site/index.njk b/site/index.njk
new file mode 100644
index 0000000000..cb48ab1d61
--- /dev/null
+++ b/site/index.njk
@@ -0,0 +1,8 @@
+---
+title: Web features explorer
+layout: layout.njk
+---
+
+<h1>{{ title }}</h1>
+
+<p>This website displays various lists of web features, organized by whether they are available on the web platform or not.</p>
\ No newline at end of file
diff --git a/site/missingone.njk b/site/missingone.njk
new file mode 100644
index 0000000000..8d7b845b3f
--- /dev/null
+++ b/site/missingone.njk
@@ -0,0 +1,15 @@
+---
+title: Features missing in just one engine
+layout: layout.njk
+---
+<h1>{{ title }}</h1>
+
+<p>These web features are not yet available, one browser engine has not implemented it yet.</p>
+
+<ul class="features">
+  {% for feature in missingOneBrowserFeatures %}
+    <li>
+      {% include "feature_short.njk" %}
+    </li>
+  {% endfor %}
+</ul>
diff --git a/site/monthly-updates.njk b/site/monthly-updates.njk
new file mode 100644
index 0000000000..3b99c0533b
--- /dev/null
+++ b/site/monthly-updates.njk
@@ -0,0 +1,54 @@
+---
+layout: layout.njk
+pagination:
+  data: perMonth
+  size: 1
+  alias: month
+permalink: "monthly/{{ month[0] | slugify }}/"
+eleventyComputed:
+  title: "{{ month[0] }}"
+---
+
+<h1>{{ month[0] }} update</h1>
+
+<h2>Became widely available this month</h2>
+
+{% if month[1].high.length > 0 %}
+  <ul class="features">
+    {% for feature in month[1].high %}
+      <li>
+        {% include "feature_short.njk" %}
+      </li>
+    {% endfor %}
+  </ul>
+{% else %}
+  <p>No features became widely available this month.</p>
+{% endif %}
+
+<h2>Just became available in all browsers this month</h2>
+
+{% if month[1].low.length > 0 %}
+  <ul class="features">
+    {% for feature in month[1].low %}
+      <li>
+        {% include "feature_short.njk" %}
+      </li>
+    {% endfor %}
+  </ul>
+{% else %}
+  <p>No features became available this month.</p>
+{% endif %}
+
+{% for browser in browsers %}
+  {% if month[1][browser.id].length > 0 %}
+    <h2>Got implemented in {{ browser.name }} this month</h2>
+    
+    <ul class="features">
+      {% for feature in month[1][browser.id] %}
+        <li>
+          {% include "feature_short.njk" %}
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+{% endfor %}
diff --git a/site/monthly.njk b/site/monthly.njk
new file mode 100644
index 0000000000..1d80769f86
--- /dev/null
+++ b/site/monthly.njk
@@ -0,0 +1,14 @@
+---
+title: Monthly updates
+layout: layout.njk
+---
+
+<h1>{{ title }}</h1>
+
+<ul class="posts">
+  {% for month in perMonth %}
+    <li>
+      <a href="{{ month[0] | slugify }}">{{ month[0] | slugify }} update</a>
+    </li>
+  {% endfor %}
+</ul>
diff --git a/site/nobaseline.njk b/site/nobaseline.njk
new file mode 100644
index 0000000000..b7bda61b16
--- /dev/null
+++ b/site/nobaseline.njk
@@ -0,0 +1,15 @@
+---
+title: Features not yet available
+layout: layout.njk
+---
+<h1>{{ title }}</h1>
+
+<p>These web features are not yet supported across all core browsers.</p>
+
+<ul class="features">
+  {% for feature in nonBaselineFeatures %}
+    <li>
+      {% include "feature_short.njk" %}
+    </li>
+  {% endfor %}
+</ul>
diff --git a/site/recent.njk b/site/recent.njk
new file mode 100644
index 0000000000..e6215a9ae8
--- /dev/null
+++ b/site/recent.njk
@@ -0,0 +1,15 @@
+---
+title: Newly available features
+layout: layout.njk
+---
+<h1>{{ title }}</h1>
+
+<p>These web features became supported in all core browsers recently.</p>
+
+<ul class="features">
+  {% for feature in recentBaselineFeatures %}
+    <li>
+      {% include "feature_short.njk" %}
+    </li>
+  {% endfor %}
+</ul>