cssdig-chrome
cssdig-chrome copied to clipboard
[suggestion] Allow combining vendor-prefixed CSS
Thanks for the great work on this extension.
I have a suggestion for how to make it even better. There should be a way to compare vendor-prefixed CSS with the non-prefixed equivalents (if found) and hide the vendored versions.
For example, one of my sites is full of things like this:
background: -moz-linear-gradient(top, #4a8fb8 0%, #2981b5 99%);
background: -moz-linear-gradient(top, #fbb450 0%, #f89406 99%);
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 99%);
background: -ms-linear-gradient(top, #4a8fb8 0%,#2981b5 99%);
background: -ms-linear-gradient(top, #fbb450 0%,#f89406 99%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 99%);
background: -o-linear-gradient(top, #4a8fb8 0%,#2981b5 99%);
background: -o-linear-gradient(top, #fbb450 0%,#f89406 99%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a8fb8), color-stop(99%,#2981b5));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb450), color-stop(99%,#f89406));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#ffffff));
background: -webkit-linear-gradient(top, #4a8fb8 0%,#2981b5 99%);
background: -webkit-linear-gradient(top, #fbb450 0%,#f89406 99%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 99%);
background: linear-gradient(to bottom, #4a8fb8 0%,#2981b5 99%);
background: linear-gradient(to bottom, #fbb450 0%,#f89406 99%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 99%);
While it is sometimes useful to see all the prefixed items, I feel like it more-often just adds noise, given that there's not much you can do about them until you decide to stop supporting the browsers that need them.