howcolors.work

Started to work on some infographics for the color notations, you can see all of them on Twitter twitter.com/andreas_zettl/status/1...

I made a lot of changes to the howcolors.work booklet this long weekend.

• The whole structure of the document changed, making the table of contents way clearer.
• Added better code examples to all color notations, including a screenshot of the result
• Added footnotes to acronyms whenever they appear the first time
• Added a short exercise after each notation
• Tried to add short explanations on why to choose one format over another.

And it is now about 90% complete!

Hey all,

how was your weekend?

I started to write a booklet version of howcolors.work on Leanpub. It is completely free!

-> leanpub.com/howcolorswork

It is only about 20% complete, yet so there is way more great content to come!

A lot of improvements happened today on howcolors.work :)

• CSS Code examples for the old and new syntax added
• Twitter Card with a large image added
• Social Share links added
• Improved the description of 8 digit hex colors

Today I added the Lab and LCH color descriptions to the page and moved all new notations into a separate section. The alpha toggle is now sticky and stays on the top of the page while you scroll around, so no need to scroll back to the top all the time.

Love it! Works pretty well on my phone.

Do you prefer a dark color scheme?

Then this update is for you ^^

Fixed the page jumps on hover of the single parts and also if you open the page the RGB notation is now opened by default so it is easy to understand that you can open them.