howcolors.work

Did you already see the fantastic https://howurls.work by @kettanaito?

Artem Zakharchenko

@kettanaito

🧑‍🎓 Excited to announce a "How URLs work" website!

howurls.work

Learn the structure of a URL by visually inspecting its parts. Hope to prove useful for beginners.

#javascript #url #learning #beginner #teaching #software #programming #education

09:58 AM - 09 May 2020

28 92

After seeing this I decided to build something similar for CSS colors.

You can check it out here https://howcolors.work it is still work in progress and covers RGB, HSL and Hex so far!

Please give me some feedback in the comments 😊

Comments

[Andreas]

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

[Andreas]

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!

[Andreas]

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!

[Andreas]

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

[Andreas]

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.

[Sean Allin Newell]

Love it! Works pretty well on my phone.

[Andreas]

Thanks! 😊

[Andreas]

Do you prefer a dark color scheme?

Then this update is for you ^^

[Andreas]

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.