Blog - Page: 120

While managing marketing campaigns, you’ve most likely come across situations whereby a campaign must go live ASAP. Or, last-minute changes in the content, design, or brand guidelines emerge just before launch. In those circumstances, getting your creative team to generate new images or modify existing ones on a tear can…

Modern webpages are more than just plain text. With HTML5, it’s no longer a challenge to play media on webpages. You can—and should—provide your audience with an engaging, high-quality multimedia experience on your site. Leading brands, such as Peloton and Allbirds, gain a competitive edge by engaging with…

Part 1 of MythBusters busted the myth of unstable tests. Part 2 here smashes another myth: “UI tests are slow.” Far be it from me to dispute that UI tests are slower than unit or integration tests, but let me show you the best practices that speed up UI…

Raise your hand if you have ever seen the following error in your browser’s console: GET http://localhost:8001/favicon.ico 404 (Not Found) This error usually happens if you haven’t defined a favicon for your website. In this Media Jam, we’ll explain how to add a custom icon for any web application that…

In this Media Jam you will learn how to create a video player with custom controls and event handling in Vue.js. This Jam does not use any pre-build video libraries, you will learn to code directly against the native video API in the browser. Vue.js has great features to…

Custom bumpers at the beginning of videos can create a consistent experience that makes your content feel more professional and branded. In this tutorial, we’ll learn how to use Cloudinary to insert a bumper into any video. Then, we’ll display the generated video in a React component. Upload your…

In this Media Jam, you will learn how to create a native web component that replaces the default YouTube iframe embed. We do this in order to avoid wasting resources while embedding an unused video embed. Many visitors might not watch the video, so why load all the stuff from…

For added cohesion and professionalism in videos, adding transitions goes a long way. In this tutorial, we’ll first look at how Cloudinary allows us to concatenate two videos together with a custom transition between them. Then, we’ll learn how to display it all together in a React component. Upload your…

Generating thumbnails for a photo gallery can feel tedious if you have to do it all by hand. With Cloudinary, we can automatically generate thumbnails from our full-size images that focus in on faces. In this tutorial, we’ll learn how to automatically generate both full-sized and thumbnail images for a…