3R - Can I Use

Definition and Explanation

caniuse.com is a website that aids developers in identifying which HTML/CSS features are available to each different browser, and which version they first became available in.

4 Uses of CanIUse Resources

caniuse.com has a quick search tool at the top of the page in which you can enter the name of a HTML element or CSS selector to determine if it can be used by a particular browser. The site will provide an estimation of global usage as a percentage, which is valuable information that you can use to determine if your code will have widespread utility. It also has a tool to let you test CSS properties and values in various browser environments. A tab also breaks down any known issues with a CSS property. Lastly, it lists the specific version range for each popular browser and has an easy-to-follow table to determine if your code will work that specific version.

Properties and Documentation

CSS Grid

CSS Grid Layout is a method for assigning a layout to content based on an X and Y or column and row system. It currently has wide support in browsers.

CSS @scroll-timeline

@scroll-timeline is a CSS property that allows animations to be driven by a container's scroll position. It currently has no official support, but can be used in Chrome by enabling experimental web platform features.

Summary

caniuse.com is an extremely useful tool for determining how supported certain HTML/CSS features are on each platform, researching known issues with HTML/CSS code support, and finding out what features may be available in the future.