Tag: JavaScript

CSS Colorguard – keep a watchful eye on your CSS colors

CSS Colorguard – keep a watchful eye on your CSS colors.

Here is a better description from the README:

Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you’ve added are too similar to ones that already exist. Naturally, it’s all configurable to your tastes.

And here is my favorite part:

Colorguard uses the CIEDE2000 algorithm to determine the similarity of each of the colors in your CSS file. This algorithm is quite complex, but is used in the broadcasting community as the best approximation of human ability to discern differences in color. RGB on the other hand, is pretty bad at representing differences in color purely based on the numerical difference of the hex values.

Luckily, someone else already implemented CIEDE2000, so I didn’t have to. Tight. Cause this thing is mathy as hell.

CIEDE2000 math

Browser support for URLs beginning with double slash

For some reason, I keep forgetting if double slash URLs are supported in older browsers or not.  Maybe if I post the answer from this StackOverflow question here, I will remember it myself next time:

This behavior was part of RFC 1808 (Section 4) which is about 16 years old, so every major browser should (and does) support this.

Sadly, there’s a bug with IE7 and -8 that will make them download the resources twice if a protocol-relative URL is used on a link or @import – which shouldn’t be a big problem, but is ugly and should be kept in mind.

So, that might be a problem for the CSS, but the JavaScript and images should work just fine.

Front-end development bookmarks

Front-end development bookmarks – a huge list of frontend development resources Dmitriy Navrotskyy has collected. Sorted from general knowledge at the top to concrete problems at the bottom.