Show CSS browser support data with css-browser-support

If you want to include Browser Support tables on your site, you can use this package by Stephanie Eckles Query for CSS browser support data, combined from caniuse and MDN, including version support started and global support percentages. Per feature that ask it, you get back an object with the browsers and the data: { …


This content originally appeared on Bram.us and was authored by Bramus!

If you want to include Browser Support tables on your site, you can use this package by Stephanie Eckles

Query for CSS browser support data, combined from caniuse and MDN, including version support started and global support percentages.

Per feature that ask it, you get back an object with the browsers and the data:

{
  'aspect-ratio': {
    chrome: {
      sinceVersion: '88',
      flagged: true,
      globalSupport: 22.46,
      browserTitle: 'Chrome'
    },
    chrome_android: {
      sinceVersion: '88',
      flagged: false,
      globalSupport: 41.34,
      browserTitle: 'Chrome Android'
    },
    edge: {
      sinceVersion: '88',
      flagged: false,
      globalSupport: 3.88,
      browserTitle: 'Edge'
    },
    // ... continued for all browsers
    globalSupport: 86.49
  }
}

Stephanie also released a plugin for use with 11ty.

css-browser-support

Do note that if you statically build your site, you will have to update dependencies and rebuild regularly to have up-to-date support data


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2022-07-06T23:15:59+00:00) Show CSS browser support data with css-browser-support. Retrieved from https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/

MLA
" » Show CSS browser support data with css-browser-support." Bramus! | Sciencx - Wednesday July 6, 2022, https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/
HARVARD
Bramus! | Sciencx Wednesday July 6, 2022 » Show CSS browser support data with css-browser-support., viewed ,<https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/>
VANCOUVER
Bramus! | Sciencx - » Show CSS browser support data with css-browser-support. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/
CHICAGO
" » Show CSS browser support data with css-browser-support." Bramus! | Sciencx - Accessed . https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/
IEEE
" » Show CSS browser support data with css-browser-support." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/. [Accessed: ]
rf:citation
» Show CSS browser support data with css-browser-support | Bramus! | Sciencx | https://www.scien.cx/2022/07/06/show-css-browser-support-data-with-css-browser-support/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.