ffmpeg webCLI: browser-based video editor.

No uploads, no servers -- all processing happens locally in your browser using #WebAssembly. Looks COOL. 😮

GIF creation, format conversion, compression, trimming, effects, filters, etc.

#video #webdev #JavaSCript

github.com/tejaswigowda/ffmpeg…

GitHub - tejaswigowda/ffmpeg-webCLI: A browser-based video editor powered by ffmpeg.wasm. No uploads, no servers -- all processing happens locally in your browser using WebAssembly.

A browser-based video editor powered by ffmpeg.wasm. No uploads, no servers -- all processing happens locally in your browser using WebAssembly. - tejaswigowda/ffmpeg-webCLI

^GitHub

Re: flat web design.

Buttons that don’t look like buttons.

I blew someone’s mind today. She’s about my age, competent at her job, but not much into technology.

She complained that she always needs to scroll past the weeks in her web-based calendar.

I pressed the current date shown in the top-left corner above her appointments, which pulled up a big date overview by month.

She was so excited, asked me how I did that.

Mind you, the date was shown as simple black letters on a white background, with only a black, downwards-pointing chevron a bit to the right. It hardly suggested interactivity, especially to those not knowledgeable about web design.

I often think that flat design was a mistake, and today’s situation was a good example of bad user experience (UX) stemming from non-intuitive controls.

#UX #WebDesign #WebDev #accessibility

Browsers Treat Big Sites Differently (denodell.com)

denodell.com/blog/browsers-tre…

#browser #safari #Firefox #chrome #web #webdev #programming

Browsers Treat Big Sites Differently

Safari and Firefox change how big sites render based on the domain. TikTok, Netflix, Instagram… even SeatGuru. Chrome doesn’t. Why is that?

^{Den Odell}

"CSS is also more fault-tolerant than JavaScript. This means the entire experience won’t be ruined if something conspires to affect your website or web app loading properly.

Content will be shown if CSS experiences an issue being applied. While it won’t look the way you want it to, it will still be readable by the people requesting it. And that’s the important bit."

Making content-aware components using #CSS :has(), grid, and quantity queries by @eric piccalil.li/blog/making-conten…

#frontend #webdev

Making content-aware components using CSS :has(), grid, and quantity queries

Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.

^Piccalilli