cssdig-chrome icon indicating copy to clipboard operation
cssdig-chrome copied to clipboard

[suggestion] Allow combining vendor-prefixed CSS

Open kohenkatz opened this issue 10 years ago • 0 comments

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.

kohenkatz avatar Nov 20 '14 14:11 kohenkatz