Stories
Slash Boxes
Comments

SoylentNews is people

posted by Fnord666 on Saturday March 18 2017, @05:46AM   Printer-friendly
from the in-the-land-of-the-color-blind dept.

The How-To has good info for coders who, for whatever reason, find themselves having to build the front-end, too.

What is this & why should I listen to you?

Hi! I'm Natalya! [natalya-profile] I'm a classically trained fine artist who spent 6 years teaching people how to paint, draw, and grow their creativity. I am now a front end developer, and I love writing code as much as I love painting.

I have a degree in Studio Art, a bachelor's in Developmental Psychology, and a master's degree in Creativity and Talent Development. But, most importantly, I have mixed gallons and gallons of paint.

I abstracted my domain knowledge as a fine artist into variables and functions in order to reveal color selection as being logical, predictable, and driven by principles anyone can learn. Sass color functions give you the same creative power as owning a set of paints, brushes, and canvas.

This is a demo of my functions for a complementary color scheme - pick any color on the color wheel and the functions will make sure that the scheme will still work! 🎨


Original Submission

This discussion has been archived. No new comments can be posted.
Display Options Threshold/Breakthrough Mark All as Read Mark All as Unread
The Fine Print: The following comments are owned by whoever posted them. We are not responsible for them in any way.
(1)
  • (Score: 3, Funny) by c0lo on Saturday March 18 2017, @06:41AM

    by c0lo (156) Subscriber Badge on Saturday March 18 2017, @06:41AM (#480783) Journal

    You mean red's not good?

    --
    https://www.youtube.com/watch?v=aoFiw2jMy-0 https://soylentnews.org/~MichaelDavidCrawford
  • (Score: 1, Interesting) by Anonymous Coward on Saturday March 18 2017, @07:15AM (2 children)

    by Anonymous Coward on Saturday March 18 2017, @07:15AM (#480792)

    This is actually pretty interesting and neat food for thought. Nice article!

    • (Score: 4, Informative) by c0lo on Saturday March 18 2017, @07:40AM (1 child)

      by c0lo (156) Subscriber Badge on Saturday March 18 2017, @07:40AM (#480799) Journal

      Or, LMGTFY - web color scheme generator online [google.com]

      One of the results: https://color.adobe.com [adobe.com] - switch from complementary, triad, custom, and some others.

      Many others listed as well.

      --
      https://www.youtube.com/watch?v=aoFiw2jMy-0 https://soylentnews.org/~MichaelDavidCrawford
      • (Score: 0) by Anonymous Coward on Saturday March 18 2017, @05:28PM

        by Anonymous Coward on Saturday March 18 2017, @05:28PM (#480874)

        Very cool stuff! As always it's so hard to know what you don't know. I had no idea a semi rigorous 'formalization' of color systems even existed. It never really occurred to me as a thing, even though in hind sight it's as obvious as the existence of the color red - after seeing it for the first time.

  • (Score: 0) by Anonymous Coward on Saturday March 18 2017, @01:56PM

    by Anonymous Coward on Saturday March 18 2017, @01:56PM (#480836)

    Apple's colors gray on white, undersized characters show that lack of caring for color and font use. Just another @clean@ build design without understanding that people looking for this are needing options to stay in the computer field.

    US ADA needs to be supported and inclusive. Since must all sites today are CSS driven, give the user a choose of presentation colors and fonts.

    Many years ago, before ADA is was working with a lady who best viewable color plate was @sunsets@ reds and oranges. She also had a issue with font size. We bought her a $2000 NEC 20 inch monitor and @cut@ the blue channel. Turned her desk around so her back was to the windows. This way she could work well and no one else needed to see plate colors.

  • (Score: 2) by KritonK on Monday March 20 2017, @10:14AM

    by KritonK (465) on Monday March 20 2017, @10:14AM (#481430)

    I'll keep using light gray letters on a slightly lighter gray background. It may be completely unreadable, but it's oh, so trendy!

(1)