loading...

Dev.to's new UI 🔥

thinkverse profile image Kim Hallberg ・1 min read

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

Discussion

pic
Editor guide
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
JSn1nj4‍‍👨‍💻

I did think the unicorn was a pushpin at first lol

Collapse
ybbond profile image
Yohanes Bandung

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
JSn1nj4‍‍👨‍💻

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

Thread Thread
ybbond profile image
Yohanes Bandung

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

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

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

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

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

Collapse
anders profile image
Anders

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

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
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
seanolad profile image
Sean

The new UI is nice, I must agree.

Collapse
abdisalan_js profile image
Abdisalan

I like it!

Collapse
jsn1nj4 profile image
JSn1nj4‍‍👨‍💻

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
JSn1nj4‍‍👨‍💻

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

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

PR is waiting to be merged :)

Collapse
waylonwalker profile image
Waylon Walker

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

Collapse
webdev_chen profile image
Uchena Miller

Fancy Pansy~

Collapse
exenestecnico profile image
Ernesto

What is the unicorn for?

Collapse
houbenz profile image
Houcine Benzagouta

I prefer the old one

Collapse
vaclavpavek profile image
Collapse
rafi993 profile image
Rafi

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

Collapse
shaijut profile image
ShaijuT

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
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
ybbond profile image
Yohanes Bandung

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

more real screen estate means more love

Collapse
krishnakakade profile image
krishna kakade

old one is cool