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? ๐Ÿ™‚๐Ÿค”

Oldest 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
 
felipperegazio profile image
Felippe Regazio

totally agree u.u

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
 
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
 
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
 
anders profile image
Anders

Very nice, I've been waiting for something like this for a long time now =)

Collapse
 
shaijut profile image
Shaiju T

New reactions icons are good, But it is not visible like the old colorful ones and can cause less reactions.

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
 
dkast profile image
Daniel Castillejo

I like it very much! It's clean and modern, definitely an improvement IMHO.

Collapse
 
artemartemov profile image
Artem Artemov

it's great, but I do miss the thicker borders in some places like the "write a post" button up top

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
 
abdisalan_js profile image
Abdisalan

I like it!

Collapse
 
seanolad profile image
Sean

The new UI is nice, I must agree.

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
 
exenestecnico profile image
Ernesto

What is the unicorn for?

Collapse
 
jsn1nj4 profile image
Elliot Derhay • Edited

Weirdly enough for me, the bookmark icon is green active or with hover like the unicorn. I'm also using the black/green theme though, so maybe it's a bug in that theme.

Collapse
 
ben profile image
Ben Halpern

Yes, thatโ€™s a possibility.

Collapse
 
jsn1nj4 profile image
Elliot Derhay • Edited

I'll set a reminder to open an issue on GitHub in the morning (or heck even a PR).

Collapse
 
pp profile image
Paweล‚ Ludwiczak • Edited

Yeap, it's a bug in theme. I'll look into it.

PR is waiting to be merged :)

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Dev team always doing something best to make Dev community amazing ๐Ÿ˜ big thanks to team ๐Ÿ’