CSS3 is awesome. That’s not news. The specifications sheet has been around for a few years, and now almost all modern browsers support most of CSS3. Developers have been showing it off like it’s no big deal.
What is news, however, is that support for CSS3 is at an all-time high. Internet Explorer usage has now dipped to a mere 16.4-percent, according to w3schools.com. It’s at less than 10-percent if you’re only counting the completely useless versions (8 and below.) That means, as developers, we’re allowed to rely more and more on CSS3. Over 80-percent of the internet is using a browser that supports some or all of CSS3.
Choosing how much you will allow CSS to dictate your website’s functionality is a sliding scale. Two competing questions should be asked, “How immersive do you want your online experience to be?” and, “How should that site look on older browsers?” There will always be that percentage of visitors that are not on a modern browser, and will be left out in the cold by lack of CSS3 support. Their weight in your audience determines how much or little CSS3 should be used by your site. Ideally, your site should degrade gracefully. Looking at you, Legendary.
It’s true, being able to build super cool things without any images helps with animation, interactivity and load times, overall making online experiences much better. But what’s way worse than a great experience is a broken experience. So, if you’re a developer, make sure you’re testing on all browsers and using browser prefixes for older versions of those browsers. CSS3Please.com is a great resource for that.
Big picture: Utilizing CSS3 helps all internet users take another step towards the future of digital communication. Simple as that.
Image source: Legendary.com