Can I Use?

Purpose

'Can I Use' is a site that will check your CSS properties and find out if the browser is capable of rendering your code declarations. Various browsers are developed and compete with each other, each with their subtle differences. Being used worldwide, browser preferences vary for many, but knowing if your web page declarations will be applied, eases any doubt that your pages will be rendered worldwide.

Four ways

There are several ways to use the browser compatibility chart and test your site prior to releasing it to the WWW, here are 4...

1. You can test at tests.caniuse.com to check for browser compatibility.
2. You can add custom features, but that requires time to set up. For the more advanced developer but is an option.
3. You can compare browser versions(past and new) to each other to check for the compatibility of your properties.
4. More importantly, you can enter any property and search for the browser compatibility within milliseconds!

Properties

• Gap - The gap property creates gaps between flex and grid items. Much needed for the logical organization of a web page. The compatibility percentage of this property is 95.24% across global browsers.
• Grid - The grid property provides a way for the developer to divide the available space of their page,forming a 'grid' using rows and columns. A two-dimensional model, unlike flex, offers a more maneuverable layout for your site design. This method is proven to provide a set of predictable sizing behaviors that will allow the designer to lay out their presentation in an organized and professional manner. The compatibility of this property is 96.36%.

SUMMARY

"Can I Use" is a website great tool for web developers as the site offers free testing of properties to check browser compatibility with code. There are various ways this tool can be used by developers and for various personal and business reasons. Browser compatibility is important for all devices if you want to reach the highest potential user visits.