caniemail
caniemail copied to clipboard
hteumeuleu
Add a page to compare email clients
Suggested by @M-J-Robbins on Slack:
a compare email clients tool could be helpful for things like debugging and email targeting.Similar to this on Caniuse https://caniuse.com/#compare=chrome+79,safari+13
Added a first version of this today. It's not yet finished as I'd love to get to a similar results as caniuse (with detailed tables for mixed results). But I'd love to get some feedback on this. (ping @M-J-Robbins)
https://www.caniemail.com/clients/
This is great work @hteumeuleu
Selecting all clients gives some interesting insights. Then removing Outlook give some more.
I think the additional detailed tables would be a great addition too when looking at 2 very similar email clients like Apple mail and Outlook for mac.
I did find a small bug when playing with it. When selecting or unselecting SFR the compare-options div moves to the left and I can no longer scroll back far enough to see Apple. Only happening in Chrome. Both FF and Safari seem to work fine.
I tested on Chrome Version 81.0.4044.138 (Official Build) (64-bit) on Mac.
Adding position: relative; seemed to fix it but there might be a better option.
Ha, nice find for the bug in Chrome. First thought was "Well this is weird. This is pretty much the same code I use for the Settings panel." But then I checked and the bug is also in the settings panel. Haha. So anyway this is fixed.
Made an update with full table details for mixed support results. Really nice to see data in such a new light. Two things I still have in mind for this:
- [ ] Add parameters in the URL so you can share comparisons
- [ ] Maybe replace the "Supported" / "Not supported" values in the mixed table with the actual version number where this was tested.