iamshadmirza / TheNextBigWriter

Companion repo for technical writing mentorship program
https://thenextbigwriter.tech/
28 stars 29 forks source link

Post/all the ways to color your text in css #31

Closed mishraa-soumya closed 4 years ago

mishraa-soumya commented 4 years ago

This PR will add a Post for #4

itaditya commented 4 years ago

This is a great article. Couple of suggestions that will make it even better-

  1. Talk about which syntax to use in what case. I'd suggest people to use hsl a lot because getting accent colors from base color is very easy.

  2. Briefly mention which css properties use colors like borders, backgrounds, text, text underline, box shadows, linear gradients

  3. Make the article future proof by including the new color syntax https://css-tricks.com/no-comma-color-functions-in-css/ as well as the new lab function.

mishraa-soumya commented 4 years ago

@itaditya Thanks, I will address all the comments

mishraa-soumya commented 4 years ago

This is a great article. Couple of suggestions that will make it even better-

  1. Talk about which syntax to use in what case. I'd suggest people to use hsl a lot because getting accent colors from base color is very easy.
  2. Briefly mention which css properties use colors like borders, backgrounds, text, text underline, box shadows, linear gradients
  3. Make the article future proof by including the new color syntax https://css-tricks.com/no-comma-color-functions-in-css/ as well as the new lab function.

Hi @itaditya I was exploring more about color (), got this https://alligator.io/css/color-function/ Now, if I am adding color() in this post. I should also mention all the adjusters, then it will become a very big post. Please provide your suggestions. Also, If I am adding lab(), then I should be adding lch(). Will that big article be fine?

itaditya commented 4 years ago

The color syntax I talked about is now available in most browsers so you can talk about it now. The new color function is still a spec so you don't need to talk about it. Just mention the link to the alligator blog post. If people want to know about experimental stuff they'll click otherwise they'll ignore.

itaditya commented 4 years ago

If the blog post is meant to be of a reference type which people keep coming back to so as to refer something quickly then it's fine to make the article a bit long. Think of css tricks flex article etc. I haven't read it fully ever but when I get stuck the first thing I do is search for a word in that article.