DEV Community

eitanwaxman
eitanwaxman

Posted on

1 1

A More Modern Youtube Interface

**The YouTube interface always seemed a bit clunky to me. **So I set out to try and redesign the video widget in a more dynamic way. Also just for fun tried to keep JS to a minimum.

Things I was experimenting with in this pen:

  1. Scaling using em.
  2. Flexbox inside a button.
  3. Video with rounded corners.

Overall I think as a user I would enjoy the immediate response of the UI and the dynamic scaling - the only possible downside I still haven't solved is the other widgets in the row moving aside.

*What do you think?
*

P.S. anyone have a creative solution for one directional transition delays in CSS?

Top comments (2)

Collapse
 
eitanwaxman profile image
eitanwaxman

I tend to agree with you, I just couldn't figure out how to scale it without moving the adjacent widgets. The ideal situation would be for it to scale in place and overlay the other widgets.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay