New CSS Logo


Hello Reader,

This is a special email.

I haven't checked it for grammar mistakes, or tried to write it better, or send it in a special time when most people would open it.

---

Yesterday I found out the new CSS logo. This is what it looks like

First, you may notice that there is no version. While CSS3 logo has "3" on it. From MDN Web Docs:

You might have heard about CSS1, CSS2.1, or even CSS3. There will never be a CSS3 or a CSS4; rather, everything is now just "CSS" with individual CSS modules having version numbers.

But that's not what the email is about. The email is about its color.

#663399

If you go to the CSS Color Module Level 4, which is a W3C Candidate Recommendation Draft, dated 13 February 2024, you'll see that some colors have aliases.

Pink, red, silver, purple...and rebeccapurple.

In June 2014, the color was approved by the CSS WG. Currently, the global support of the color is 98%.

During a long discussion on GitHub about how the new logo should look like, many variations were proposed.

And the was the final vote.

Rebeccapurple won with more than 500 votes, versus 55 for a blue color.

So what?

First, when I posted on Bluesky the new logo, someone told me that there is a story behind the color.

Then I read a post from Joaquin Diaz on dev.to. And then I spent quite a few hours reading this blog.

I was very touched, and knowing nothing about who "makes CSS", who makes features, decisions, draft candidates and all that stuff, I was reading the blog, specifically the posts that were mentioned in the About this site section:

You may also have gotten here because you came across the name of my daughter Rebecca Alison Meyer, or are researching the story behind the CSS color that was named in her memory. If you’re so inclined, you can read my chronicle of Rebecca’s last year, and the process of grieving her after her death. If you aren’t so inclined, I honestly don’t blame you in the least. I’m not sure I would want to read it either.

I want to quote Joaquin Diaz from dev.to.

A Symbol of Connection
The impact of #rebeccapurple extends beyond its use in web development. It has become a powerful symbol of connection, illustrating how personal stories can shape even the most technical domains.
Today, #rebeccapurple appears in many tutorials and educational materials, teaching not only CSS mechanics but also the importance of community, empathy, remembrance, and the human stories that shape the web.
In a world dominated by screens and technical challenges, it’s a reminder that behind every line of code are people: people with lives, families, and stories.
It’s a story I didn’t know before, but one I found important to share. 💜

I'll end this email with the same sentence.

It’s a story I didn’t know before, but one I found important to share. 💜

Take care of yourself, and those who you love.

-Victor.

Victor Ponamariov

I'm a full-stack developer that is passionate about good user interfaces. In my newsletter, I talk mainly about UI/UX stuff. You could expect an email or two in a month, I'm not aiming to spam you with non-useful info.

Read more from Victor Ponamariov

I've just gone through some of the screenshots I collected over the past few months. I’d like to share one of them with you. I don’t have a universal solution for rating UX. What I want to share is this thought: sometimes people come up with a great solution, but due to human nature, lifestyle, or whatever-you-want-to-call-it, the solution ends up becoming useless. I remember reading news about a new law that limits the number of SIM cards a person can buy. Many people use them for fraud, or...

I apologize for being absent. For the past ~2 months, I've collected quite a lot of topics for newsletter issues; hopefully, you will like them. Today I want to share with you a screenshot from my bank app and make a quick review of the problems it has. In my humble opinion, of course. Here we go. There are quite a few problems: 1. Separated from each other, the expiration date, card number, and security code are all part of the card credentials. The thing is, if you need to see card number,...

It's been quite a while since I sent my last newsletter. Fully focused on my course that I should have finished in the past year =\ But I want to share something really cool. Accidentally, I noticed this trick on nuxt.com. Then I posted about it, and other folks sent more examples of the same trick. Sometimes, when I want to download a logo, I right-click on the header logo to copy it. Now, look at what happens on these four sites. Nuxt.com Linear.app Evidence.dev Svgl.app All these examples...