DEV Community

Kim Hallberg
Kim Hallberg

Posted on

Dev.to's new UI 🔥

I gotta say, I'm loving the new UI - What do everybody else think about it? 🙂🤔

Top comments (56)

Collapse
 
moopet profile image
Ben Sinclair

I like it, though I wouldn't have guessed the unicorn icon was a unicorn if I hadn't seen the old one, and the heart now looks a bit like a bum.

Collapse
 
pp profile image
Paweł Ludwiczak

Now I can't unsee it either!

I think we will now officially start calling our actions: bum & pushpin :)

Collapse
 
jsn1nj4 profile image
Elliot Derhay

I did think the unicorn was a pushpin at first lol

Collapse
 
ybbond profile image
Yohanes Bandung Bondowoso

what does it mean? I know that the bookmark button is a bookmark button. (lol)

what toes the unicorn button do?

Thread Thread
 
jsn1nj4 profile image
Elliot Derhay

I think it gives a post more of a boost, like an extra like button 🤷‍♂️

Thread Thread
 
ybbond profile image
Yohanes Bandung Bondowoso

lol, maybe it's like multiclaps implementation on Medium?

whatever it is, I always click the three of them if I want to save the post

and only click love if I like the post

Collapse
 
sergix profile image
Peyton McGinnis

Now I can't unsee it...

Collapse
 
felipperegazio profile image
Felippe Regazio

totally agree u.u

Collapse
 
ekafyi profile image
Eka • Edited

Yea the heart looks like 🍑 -- I still don't get the new unicorn though. The pointy line at top right is the horn, and the squiqqly lines to the left is... (?) the mane? the body?

Collapse
 
pp profile image
Paweł Ludwiczak

What do you think?
I mean, icons don't need to be extremely literal. As long as they represent something that others can (hopefully) understand, it's good. So whether it's a mane or body it doesn't really matter. What matters is that you can identify it as a unicorn.

Thread Thread
 
ekafyi profile image
Eka

I can identify it solely because of my recognition of the old icons. I doubt if I were a new user I'd know what it is. Someone in this thread said pushpin, it's probably what I would assume it was (because of the pointy line).

Thread Thread
 
trostcodes profile image
Alex Trost

I agree it isn’t very readable as a unicorn.

Collapse
 
daveparr profile image
Dave Parr

Historically, wasn't the heart symbol always a bum? Like actually, as a deliberate medieval choice or something?

Collapse
 
daveparr profile image
Dave Parr • Edited

Ok, apparently there is some debate on that:

I recently read, and read before that the origin of the heart shape is based on the female anatomy. I have tried researching it and every source I find gives differing opinions on the matter.

On a Facebook page I follow they posted this but gave no source.

A professor…

Thread Thread
 
ben profile image
Ben Halpern

The heart symbol is most certainly not based on the actual human heart, but I always figured the other stuff was mostly urban legend....

In conclusion, the heart symbol appears to be less gynaecological and more botanical in origin.

This passes muster with me.

Collapse
 
stephanie profile image
Stephanie Handsteiner

Thanks, now I can't unsee the bum in the heart.

Collapse
 
amananandrai profile image
amananandrai • Edited

The best use of "R G B" seen by me. I really like the transition effect and the shades of Red, Green and Blue which are used.

Collapse
 
twigman08 profile image
Chad Smith

I actually had to go and fully clear my cache to get all the updates. Otherwise it seemed the UI was stuck in a weird state. This is what my UI and new Icons looked like for the longest time until I realized I needed to fully clear the cache.

On mobile it was even weirder. It put the icons at the top of the page instead and they were quite large. Made most of the posts larger than they should had been.

Collapse
 
pp profile image
Paweł Ludwiczak

We unfortunately still don't have an ideal solution internally to push big changes like that without breaking some things for a short period of time because of caching. But that's something we have on our radar and work on 👍

Collapse
 
ballpointcarrot profile image
Christopher Kruse

Same; When seeing this post, I actually wondered for a bit if it was satirical, and this was an unintended change. After a full refresh, things make more sense. 😁

Collapse
 
damcosset profile image
Damien Cosset

That unicorn is soooo doooooope😍😍

Collapse
 
sxasdd profile image
raazzz

it;s awesome

Collapse
 
pioneer profile image
Serge Tarkovski

Can someone summarise what's changed? Unfortunately, I'm visiting DEV less often than I'd like to, so I see it's definitely become a bit cleaner, but can't remember how it was. Actually, this is my first comment ever on DEV.

Collapse
 
ben profile image
Ben Halpern

Nothing super major in terms of functionality but a lot of UI adjustments around the edges. It’s more polished and cohesive, we hope.

Collapse
 
pioneer profile image
Serge Tarkovski

Definitely looks more polished, good job!

Collapse
 
snyderling profile image
David Snyder

it caught me off guard when it changed because i have been using dev for a short period of time. but I don't mind it

Collapse
 
frenchcooc profile image
Corentin

Very clean! And the new editor interface is much better. Only the preview does not scroll to where I'm writting, making the writing experience on DEV a bit difficult.

Collapse
 
pp profile image
Paweł Ludwiczak

Heeey, would you mind reporting that on GitHub as issue and add more details? I would really appreciate it!

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Dev team always doing something best to make Dev community amazing 😍 big thanks to team 💐

Collapse
 
moopet profile image
Ben Sinclair

I'm also wondering now why posts have a different "heart" icon to comments, and the "pulse" effect is only on posts. Since it's probably extra work to make them behave differently, it was probably a deliberate decision to keep them distinct. But I wonder why?