6 ms·

Good reminder that in CSS, darkgray is a light gray and gray is a dark gray. Also presumably up is down and wet is dry.

by tobr 6y ago

knuptfad 6y ago
¯\_(ツ)_/¯
cialowicz 6y ago
'Brown' is dark red, and to my eye 'sienna' has very little red in it. To get actual brown, you need 'saddlebrown'. CSS is super weird.
- SamBam 6y ago
  "Sienna" is an extremely ambiguous color already. Image search for "sienna color" and you'll get a huge range of browns, reds and oranges. "Burn sienna" seems even more varied. Here's are four different color-oriented websites, with a dark earthy orange from Colorlex [1], a light salmon from Canva [2], a light brown from Benjamin Moore [3] and a dark brown from Atelieracrylic [4]. 1. https://colourlex.com/project/burnt-sienna/ https://colourlex.com/project/burnt-sienna/ 2. https://www.canva.com/colors/color-meanings/burnt-sienna/ https://www.canva.com/colors/color-meanings/burnt-sienna/ 3. https://www.benjaminmoore.com/en-us/color-overview/find-your-color/color/1196/burnt-sienna?color=1196 https://www.benjaminmoore.com/en-us/color-overview/find-your... 4. http://atelieracrylic.com/atelier-interactive/burnt-sienna/ http://atelieracrylic.com/atelier-interactive/burnt-sienna/
  - cialowicz 6y ago
    Fair enough, but the 'brown' issue is similarly confusing to the lightness reversal between 'gray' and 'darkgray'.
    - SamBam 6y ago
      Agree on the brown front, it's a very odd color choice.
- buzzerbetrayed 6y ago
  I tried to find brown on the slider to see what you’re talking about. Took me ages. Turns out you have to go REALLY red in order to find brown.
  - runarberg 6y ago
    Turns out brown is a really interesting color: https://www.youtube.com/watch?v=wh4aWZRtTwU https://www.youtube.com/watch?v=wh4aWZRtTwU
- avianlyric 6y ago
  Worth watching the Technology Connection video on the colour Brown [1]. It's a strange colour that only really exists when placed in the context of other colours, not something that can really be produced by a pure RGB light source, which explains why the CSS Brown colour looks red. [1]: https://www.youtube.com/watch?v=wh4aWZRtTwU https://www.youtube.com/watch?v=wh4aWZRtTwU
yreg 6y ago
Fiddle if anyone wants to see them: https://jsfiddle.net/yucsj7a2/1/ https://jsfiddle.net/yucsj7a2/1/
munificent 6y ago
CSS is just an embarrassment of mistakes: white-space: nowrap So they take a word "whitespace" which needs no hyphen and jam one in. Then they take two completely distinct words "no wrap" and jam them together with no separator. And then you have to remember both of these on the same rule.
- joegahona 6y ago
  "White space" is two words, not one.
  - tobr 6y ago
    As far as I can tell, both are common, but “white space” is more common as a synonym to negative space, and “whitespace” is more common to refer to the characters. If so, the “white-space” property controls whitespace, not white space.
  - tshaddox 6y ago
    In computing it is widely used as a single word "whitespace." For example: - The XML W3C Rec: https://www.w3.org/TR/xml/ https://www.w3.org/TR/xml/ - The HTTP 1.0 RFC: https://tools.ietf.org/html/rfc1945 https://tools.ietf.org/html/rfc1945 However, there are exception. The Unicode character database has a property called "White_Space" which implies it is two words: http://www.unicode.org/reports/tr44/#White_Space http://www.unicode.org/reports/tr44/#White_Space
    - nanis 6y ago
      > a property called "White_Space" which implies it is two words <tongue-in-cheek> Except that `_` is a "word" character by default. </tongue-in-cheek>
  - scubbo 6y ago
    "White" and "space" are two words, and "Whitespace" is one word.
- deleted 6y ago
  [deleted]
achairapart 6y ago
But 'chucknorris'[0] is still my favorite red. [0]: https://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color https://stackoverflow.com/questions/8318911/why-does-html-th...
- synn 6y ago
  That's fun. I've coded this useless tool based on your comment: "What's Your HTML Color ?"[0] [0]: https://onivers.com/color.html https://onivers.com/color.html
  - achairapart 6y ago
    Ah! Maybe useless but cool nonetheless!
mceachen 6y ago
Yup. There's a bunch like that. Know that CSS colors mostly came from X11: https://en.m.wikipedia.org/wiki/X11_color_names https://en.m.wikipedia.org/wiki/X11_color_names The CSS team shares some blame, though: they adopted them (and they really didn't need to: they could have just supported rgb/hsb/lab triplets).
smoe 6y ago
This just reminded me of the first bug of my career that took me hours trying to figure out. Colors weren't working correclty in IE 6 (pre IE Developer Tools) and I eventually learned that Firefox accepted both spellings "gray" and "grey", whereas IE only one of them. Don't remember which one I used, but do remember that I went home early that day after that :/
achairapart 6y ago
Some background about why dark gray is lighter than gray, plus some other idiosyncrasies: https://en.wikipedia.org/wiki/X11_color_names#Clashes_between_web_and_X11_colors_in_the_CSS_color_scheme https://en.wikipedia.org/wiki/X11_color_names#Clashes_betwee...
seabass 6y ago
And lavender is definitely not lavender.

Good reminder that in CSS, darkgray is a light gray and gray is a dark gray. Also presumably up is down and wet is dry.

by tobr 6y ago

Good reminder that in CSS, darkgray is a light gray and gray is a dark gray. Also presumably up is down and wet is dry.

knuptfad 6y ago

¯\_(ツ)_/¯

cialowicz 6y ago

'Brown' is dark red, and to my eye 'sienna' has very little red in it. To get actual brown, you need 'saddlebrown'. CSS is super weird.

SamBam 6y ago
"Sienna" is an extremely ambiguous color already. Image search for "sienna color" and you'll get a huge range of browns, reds and oranges. "Burn sienna" seems even more varied. Here's are four different color-oriented websites, with a dark earthy orange from Colorlex [1], a light salmon from Canva [2], a light brown from Benjamin Moore [3] and a dark brown from Atelieracrylic [4]. 1. https://colourlex.com/project/burnt-sienna/ https://colourlex.com/project/burnt-sienna/ 2. https://www.canva.com/colors/color-meanings/burnt-sienna/ https://www.canva.com/colors/color-meanings/burnt-sienna/ 3. https://www.benjaminmoore.com/en-us/color-overview/find-your-color/color/1196/burnt-sienna?color=1196 https://www.benjaminmoore.com/en-us/color-overview/find-your... 4. http://atelieracrylic.com/atelier-interactive/burnt-sienna/ http://atelieracrylic.com/atelier-interactive/burnt-sienna/
- cialowicz 6y ago
  Fair enough, but the 'brown' issue is similarly confusing to the lightness reversal between 'gray' and 'darkgray'.
  - SamBam 6y ago
    Agree on the brown front, it's a very odd color choice.
buzzerbetrayed 6y ago
I tried to find brown on the slider to see what you’re talking about. Took me ages. Turns out you have to go REALLY red in order to find brown.
- runarberg 6y ago
  Turns out brown is a really interesting color: https://www.youtube.com/watch?v=wh4aWZRtTwU https://www.youtube.com/watch?v=wh4aWZRtTwU
avianlyric 6y ago
Worth watching the Technology Connection video on the colour Brown [1]. It's a strange colour that only really exists when placed in the context of other colours, not something that can really be produced by a pure RGB light source, which explains why the CSS Brown colour looks red. [1]: https://www.youtube.com/watch?v=wh4aWZRtTwU https://www.youtube.com/watch?v=wh4aWZRtTwU

yreg 6y ago

Fiddle if anyone wants to see them: https://jsfiddle.net/yucsj7a2/1/ https://jsfiddle.net/yucsj7a2/1/

munificent 6y ago

CSS is just an embarrassment of mistakes: white-space: nowrap So they take a word "whitespace" which needs no hyphen and jam one in. Then they take two completely distinct words "no wrap" and jam them together with no separator. And then you have to remember both of these on the same rule.

joegahona 6y ago
"White space" is two words, not one.
- tobr 6y ago
  As far as I can tell, both are common, but “white space” is more common as a synonym to negative space, and “whitespace” is more common to refer to the characters. If so, the “white-space” property controls whitespace, not white space.
- tshaddox 6y ago
  In computing it is widely used as a single word "whitespace." For example: - The XML W3C Rec: https://www.w3.org/TR/xml/ https://www.w3.org/TR/xml/ - The HTTP 1.0 RFC: https://tools.ietf.org/html/rfc1945 https://tools.ietf.org/html/rfc1945 However, there are exception. The Unicode character database has a property called "White_Space" which implies it is two words: http://www.unicode.org/reports/tr44/#White_Space http://www.unicode.org/reports/tr44/#White_Space
  - nanis 6y ago
    > a property called "White_Space" which implies it is two words <tongue-in-cheek> Except that `_` is a "word" character by default. </tongue-in-cheek>
- scubbo 6y ago
  "White" and "space" are two words, and "Whitespace" is one word.
deleted 6y ago
[deleted]

achairapart 6y ago

But 'chucknorris'[0] is still my favorite red. [0]: https://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color https://stackoverflow.com/questions/8318911/why-does-html-th...

synn 6y ago
That's fun. I've coded this useless tool based on your comment: "What's Your HTML Color ?"[0] [0]: https://onivers.com/color.html https://onivers.com/color.html
- achairapart 6y ago
  Ah! Maybe useless but cool nonetheless!

mceachen 6y ago

Yup. There's a bunch like that. Know that CSS colors mostly came from X11: https://en.m.wikipedia.org/wiki/X11_color_names https://en.m.wikipedia.org/wiki/X11_color_names The CSS team shares some blame, though: they adopted them (and they really didn't need to: they could have just supported rgb/hsb/lab triplets).

smoe 6y ago

This just reminded me of the first bug of my career that took me hours trying to figure out. Colors weren't working correclty in IE 6 (pre IE Developer Tools) and I eventually learned that Firefox accepted both spellings "gray" and "grey", whereas IE only one of them. Don't remember which one I used, but do remember that I went home early that day after that :/

achairapart 6y ago

Some background about why dark gray is lighter than gray, plus some other idiosyncrasies: https://en.wikipedia.org/wiki/X11_color_names#Clashes_between_web_and_X11_colors_in_the_CSS_color_scheme https://en.wikipedia.org/wiki/X11_color_names#Clashes_betwee...

seabass 6y ago

And lavender is definitely not lavender.