DEV Community

Dev.to's new UI 🔥

Kim Hallberg on June 17, 2020

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

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?

Collapse
 
jakesweb profile image
Jacob Colborn

I just noticed it today. I like the design changes. It was subtle enough that I didn't really even notice it until I went to heart a post and fully looked at the new layouts. Still, I think the changes look really good.

Collapse
 
abdisalan_js profile image
Abdisalan

I like it!

Collapse
 
seanolad profile image
Sean

The new UI is nice, I must agree.

Collapse
 
moopet profile image
Ben Sinclair

Someone mentioned the "pulse" effect on another thread and I couldn't see it. Works for me now, and I like it.

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
 
rubiin profile image
Rubin

The left side bar seems way bigger

Collapse
 
pp profile image
Paweł Ludwiczak

We changed the proportions of the layout. The previous layout was.. umm... a bit random and we used to have lots of issues with it especially around responsiveness). Actions bar (like, unicorn, bookmark) was outside of actual layout (kinda on the left from DEV's logo).

So we updated it. I'm sure it feels strange but give it a day or two :)

Collapse
 
rubiin profile image
Rubin

also check this i.imgur.com/0vUp57u.png . The size guide length and width seems to be crossing the box

Collapse
 
anders profile image
Anders

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

Collapse
 
dkast profile image
Daniel Castillejo

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

Collapse
 
waylonwalker profile image
Waylon Walker

I love the new ❤️🦄🏷️ icons!!

Collapse
 
ybbond profile image
Yohanes Bandung Bondowoso

I like the option to keep the site's navbar on top of page.

more real screen estate means more love

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
 
teja463 profile image
Brahma Teja Ponnuru

it now looks more like a facebook feed

Collapse
 
coly010 profile image
Colum Ferry

I think I'd like a toggle for comment preview on posts, unless that's already a thing

Collapse
 
pp profile image
Paweł Ludwiczak

Not a feature yet, but it's on the radar.

Collapse
 
exenestecnico profile image
Ernesto

What is the unicorn for?

Collapse
 
webdev_chen profile image
Uchena Miller

Fancy Pansy~

Collapse
 
krishnakakade profile image
krishna kakade

old one is cool

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
 
houbenz profile image
Houcine Benzagouta

I prefer the old one

Collapse
 
vaclavpavek profile image
Václav Pávek

nice

Collapse
 
rafi993 profile image
Rafi • Edited

I got github's new UI update and when I refreshed dev.to I was confused after seeing dev.to's new UI immediately.