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
Your screenshots are getting scrolled past.
I built BetterWay to fix that. Drop in a screenshot, add an animated gradient, shader, or dither background, and export a 60 FPS video, GIF, or 4K image in seconds.
Runs fully in your browser
No sign-up, no watermark
Free
Stop posting flat screenshots. Post the better way:
https://betterway.himanshudocs.online/
#buildinpublic #webdev #productdesign
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
OBSCURA is out. A free Framer template for design studios.
Oversized type, black and white photography and photo tickers that slow down on hover.
Dabble: your video player is a canvas. Paint the frame, then press play. Try it 😊
Most player skins are finished before anyone presses play. Dabble hands you the brush. The video sits on a white stretched canvas, and every viewer can paint the frame around it in their own style, or leave it blank for a cleaner look. The paint stays around the video, never on it, and steps aside completely in fullscreen, so the film always comes first.
The controls look like ink on a paper label, so they stay readable over any footage and any paint. Every icon, button, brush and paint blob was drawn for Dabble. No icon library. The four brushes take their movement from four ways of painting: Impressionist dabs, Cubist facets, drip splashes and ribbon sweeps. One button pulls a new palette from whatever scene is playing, so the paints change with the film.
And it turned out to be calming, like doodling in the margins while the film plays on.
The demo film, Dab, is original: a blank little canvas character who rolls through four colors and stays blank, until the viewer gets the brush.
For site owners: set the starting painting in your brand colors, or paint it in your colors and turn painting off.
Built on Video.js v10 from the standard components. Keyboard first, with a two-tone focus ring and 44px touch targets. Captions sit on their own label. Reduced motion, reduced transparency and forced colors are all supported, and control text measures 16.93:1. The skin starts silent by default; the demo turns on soft brush sounds while you paint.
Links:
• Demo: https://dabblevideo.com
• Live on a real site: https://milenawebb.com/#dabble
• Code (Apache 2.0): https://github.com/milenawebb/dabble-skin
• Mux playback ID: AAprZsIykh7T29gtsNk02YhBrQRHXTj14ZxbWdc498wA
The four brushes taking their movement from four ways of painting — Impressionist dabs, Cubist facets, drip splashes and ribbon sweeps — is the detail that makes Dabble a painter's tool, not just a gimmick. And the button pulling a new palette from whatever scene is playing...
FRAME is an editorial skin for Video.js 10, and the short film journal around it. The picture is the page. Controls stay white on ink, sit in one bar, and leave when you stop reaching for them. The page’s accent colour is kept for its own buttons.
It is a real Video.js 10 skin, restyled from Scaffold. Play, volume, timeline, captions, settings, picture-in-picture, keyboard shortcuts, gestures, the error dialog, and the screen-reader announcer are Video.js components. Ours is the skin: an outline icon set, a bar playhead, chapter gaps, a storyboard preview that names the chapter, and menus set like a contents page.
One player runs the journal. A WebVTT chapters track drives the timeline, the chapter label, and the list on the page. Another title loads the next Mux asset into that same player. Tears of Steel streams from our own Mux asset, with official subtitles, Mux posters and storyboards, and real renditions in settings. Chromecast uses the Google Cast extension; AirPlay is there in Safari.
The storyboard preview that names the chapter is the detail I love most — hovering the timeline doesn't just show you a frame, it tells you where you are in the story. And setting the menus like a contents page carries the editorial idea all the way through, so the player and...