description =>
"caniuse.",
keywords => [qw'html css browser feature'],
- stylesheet => [qw'circus dark mono red'],
+ stylesheet => [qw'circus dark mono red light'],
data => ['browser-support.inc.pl'],
});
}
}
-my $canihas = do 'browser-usage.inc.pl' or do {
+my $canihas = do 'browser-usage.inc.pl' || do {
printf "<p>Browser usage data not found: <em>%s</em>.</p>\n", $_
for $! || $@;
+ +{
+ map {
+ $_ => +{
+ map {
+ ($_->[4] => 0 ), # future
+ ($_->[3] => .5), # next
+ ($_->[0] => 5 ), # past
+ ($_->[1] => 10 ), # previous
+ ($_->[2] => 30 ), # current
+ } $caniuse->{agents}->{$_}->{versions}
+ }
+ } @browsers
+ }; # fallback hash based on release semantics
};
my $scorediv = (max(map { sum(values %$_) } values %$canihas) // 1) / 100;
}
:>
-<script>
-var classmatch = / p(\d{2})/;
-Array.forEach(document.getElementsByTagName('TD'), function(val) {
- var opacity;
- if (opacity = classmatch.exec(val.className)) {
- var c = document.defaultView.getComputedStyle(val, null).getPropertyValue('background-color');
- var o = opacity[1] / 100;
- val.style.backgroundColor = c.replace(/rgb\((.*)\)/, 'rgba($1, '+o+')');
- val.style.textShadow = c+' 1px 1px 2px, ' + c+' -1px -1px 2px';
- }
-});
-</script>
<hr>
<div class="legend">