TIL how many vendor prefixes are left as of 2021

POSTED ON: Jul 10, 2021

TAGS: css

The major browsers use the following prefixes:

-webkit- (Chrome, Safari, newer versions of Opera, almost all iOS browsers including Firefox for iOS; basically, any WebKit based browser)
-moz- (Firefox)
-o- (old pre-WebKit versions of Opera)
-ms- (Internet Explorer and Microsoft Edge)

Via https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

We don't actually need to memorize that stuff anymore, as the build process should handle that for us now, with tools like Autoprefixer.

The number of prefixes is slowly dying.

Image src from CSS Tricks

Per CSS Tricks, we have about 28 left!

Related TILs

Tagged: css

TIL the alternate keyword

If 'alternate' appears along with the stylesheet keyword, the linked file is an alternative stylesheet. It won’t be applied to the document, but it will be ready for when we need it.

Mar 18, 2023

TIL Logical Properties

For that sweet sweet Internationalization you want to avoid directional words like 'left', 'right', 'top', and 'bottom'.

Mar 11, 2023

TIL Using pseudo-classes in your querySelector!

let notTuna = document.querySelectorAll('.sandwich:not(.tuna)')

Mar 02, 2023