Compatibility Tables Compendium
When it comes to web development, nothing beats a good compatibility table (especially not a listicle about compatibility tables). They help you make important decisions about new web feature production readiness, inform our best practices, and help us troubleshoot peculiar issues in fringe browsers. To that end, I’ve collected a list of useful compatibility tables that I thought were worth sharing.
These are the best. Everyone knows about these for a reason. They’re the most useful, most updated, most comprehensive compatibility tables. They have made development decisions easier and I can easily declare them one of the best resources on the web.
A huge number of tests, most notably the Network tab. You can learn a lot just by reading the tooltips on the table headers there.
The JSKB tab includes compatibility tables for addEventListener (DOM2 Events), getComputedStyle (basically, not on IE <=8).
The resource for ES5, ES6, and ES7 compatibility with exhaustive browser support, even including support tables for PhantomJS and Rhino. A really beautiful, encyclopedic, unbeatable reference.
The inline comments on each property are a great compatibility table for CSS vendor prefixes.
Typography —Bram Stein
Has some overlap with Can I Use on font formats and CSS properties, The State of Web Type really shines for its tables on OpenType Features, specifically the many different options available to
CSS —Zach Leatherman
You might recognize this one (I feel a little bit of shame for including it but only enough not to call it a shameless plug). It shows the default fonts available for use in CSS
font-family across browsers and operating systems.
Unicode Accessibility —John Holt Ripley
Shows which Unicode characters are safe to use across an amazing number of mobile devices. Also a great compatibility table of how screen readers will read each character.
Some overlap with Can I Use here but importantly does include some fringe mobile browsers like Amazon Silk, BlackBerry 5 and 6 (as well as separate entries for tablets), and the Nokia Browser.
Accessibility —Steven Faulkner and the Paciello Group
A really great look into the different methods for hiding content from screen readers, with tests to show screen reader support for each. Think HTML5
display: none, and other hiding techniques.
- Related: A11Y Project: How to Hide Content
HTML —Viljami Salminen
(Originally from 2012 but it looks like it’s still being updated)
CSS Networking Performance —Tim Kadlec
background-image code using different media query configurations and which browsers will download non-applicable images.
CSS Networking Performance —Scott Jehl
Most browsers download all stylesheets immediately, even if their media attribute does not currently apply (think
A lot of things can be feature tested. Some things can’t. Before you reach for the User Agent string, why not try a weak inference instead?
QuirksMode will always have a special place on this list because PPK popularized the browser compatibility table. His investment into the tables on his site have helped countless people over the years and will likely continue to do so.
CSS —Louis Lazaris
A great search interface for quick reference to CSS properties and browser support.
CSS —Campaign Monitor
Chris Coyier was nice enough to share this one. Campaign Monitor helps you write email using the CSS features that are available on different email clients.
Features Coming Soon #
New features currently being discussed or developed. Great to see what’s coming down the pipe.
- Google Chrome Status
- Firefox Platform Status
Modern.IE Internet Explorer StatusMicrosoft Edge Platform Status
Honorable Mentions #
These are not exactly compatiblilty tables (but I would consider them to be similar and very useful resources):
- HTML5 Please by Multiple authors
- Game Console Browsers by Anna Debenham
- CSS Triggers by Paul Lewis
- The Web Platform Specification List
- HTTP Archive Interesting Stats
I’m sure I’ve missed some—if you have another please send me a tweet or leave me a comment!