Can I use is a powerful website that allows you to view what browsers, and which versions of each browser, support different web development features. There is information on CSS properties, HTML elements, JavaScript features, and more.
There are many different uses for this website. First, there is a graphic for each feature that shows, in detail, which browser (including Chrome, Edge, Safari, Firefox, Opera, and IE) supports it. This is critical information for web developers/designers because they need to know that their site will look and function similarly for all users and browsers. Further, there is information in the same graphic on which version of each browser supports each feature. Additionally, the website is able to break down the percentage of users that are using each version of each browser, so the developer knows how many users will not be supported. Finally, there is a link to easily test the feature on any browser using BrowserStack.
WepP is an image format, like JPEG and PNG, that supports animation, transparency, and more. It is designed to improve upon the other image formats. I thought this was interesting because I rarely hear about this image format, but from its page the website I can see that it is supported across all browsers except Internet Explorer.
I thought the page on the new range syntax for media queries was interesting. Instead of typing out @media (min-width: 100px) and (max-width: 1900px), developers can use @media (100px <= width <= 1900px). As of right now, the only browsers that support it are Chrome, Edge, and Firefox. I thought it was interesting because I had never heard of this new syntax.
Overall, this is an incredible resource that can help developers improve their code and ensure it is supported across the many available internet browsers. I will definitely use this site when developing other websites to improve my code.