The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
UPD on Fork, my Video.js skins challenge entry.
The first design, Affiche, was made for one brand: a fictional French school, styled like a street poster. But a player skin is only useful if it travels.
Most of the time it has to live inside someone else's design: a CMS, an LMS, a client's website. So I made a second theme, Glass. Neutral, quiet, built to be reused. The bar sits over the picture, round glass buttons, a track split into lesson parts, frosted cards, one accent colour.
What didn't change is the point: the same branching logic, the same keyboard support, the same accessibility checks. The theme is one attribute, and every colour, font and size is a token, so any platform can make it its own. Switch between the two at the top of the page:
https://frenchili.collabas.com/?theme=glass
Good thinking. A skin has to live inside someone else's design, so a neutral Glass theme next to Affiche makes Fork way more usable.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Mux's Creative Director, Rob, had been keeping AI at arm’s length. All he could picture was Will Smith eating spaghetti. Surely it couldn’t be useful in the world of design.
Then he used Claude Code to design and ship a custom skin for Video.js v10. Learn how he went from skeptical to building a live player, with Figma and his design instincts at the center — plus, what he learned along the way.
Give it a read: https://www.mux.com/blog/how-a-designer-learned-to-unsee-will-smith-eating-spaghetti
How the R-52 pen draws, in four steps.
The audio is read once into a trace, the paper is the Video.js time slider, ink follows playback, and the gauges read the real player.
Which step would you have built differently?
Breaking it down into four steps is great. Audio as a pen trace is a beautiful idea.