Skip to content

RESOURCES / BLOG

Blog - Page: 107

Get the latest news on the Cloudinary platform, solutions, and showcases.

Turn Your Videos into a Vlog

Topics Guest Post, JAMStack, React, Under Review, Upload, Video
Read Time

Whether it’s for sharing your knowledge or giving the world a chance to live vicariously through your experiences, vlogs have provided a more immersive and engaging medium for sharing content and unleashing the creativity of content providers. In this article, I will show you how to build a simple vlog…

Adding Netflix-style video overlays Transitions with NuxtJS

Topics Guest Post, HTML5, JAMStack, NuxtJS, Under Review, Video, Vue
Read Time

Transitions have solidified themselves as an important part of web applications, as they have been used in different ways to capture users’ attention. They, however, have also been known to be a little tricky to implement. This problem has been mitigated by the release of UI libraries over the years.

Transform Images Stored on Amplify Storage

Topics Amplify (AWS), Guest Post, Image, React, Under Review
Read Time

AWS Amplify enables developers of all skill levels to create, deploy, and maintain full-stack applications more effectively. Speaking of services, we will be using the Amplify CLI to create an S3 bucket and upload images from a React app. Next, we’ll use Cloudinary’s rich media transformation tools to retrieve…

Create Video Playback for Product List Page

Topics Guest Post, React, Under Review, Video
Read Time

Videos are powerful tools driving the age-old industry of content marketing. Getting it right with videos and maximizing their marketing potential comes with the time-consuming effort of optimizing, managing, administering, and delivering them to your target audience. With managed media solutions like Cloudinary, we have less to worry about since…

Lazy Loading Images Using Low-quality Placeholders

Topics Guest Post, Image, JAMStack, NuxtJS, Under Review
Read Time

Overview Ensuring our web pages load quickly is our duty as builders of the internet. By lazy loading our images, we are able to save valuable load time for our users. The challenge with lazy loading is pre-generating and storing low-quality placeholders for the full quality image. Let us learn…

Using Next.js to Remove Video Background Colors

Topics Guest Post, Next.js, Under Review, Video
Read Time

CLOUDINARY CHROMA KEYING Introduction Editing videos to remove the background is a common task, especially if you want to use the video in creative ways on your website. Chroma keying, popularly known as “green screening,” allows for the replacement of the green-colored background. In this tutorial, not only will…

Previewing Photoshop File Content in a NuxtJS App

Topics Guest Post, Image, NuxtJS, Under Review
Read Time

Working with PSD files can be complex as they are not natively supported by HTML. However, it is a widely used format globally by creators and professionals in various fields. Let us learn how we can preview the photoshop file and its content for our users. Codesandbox The final…

Retrieving Thumbnails of Public Videos in NuxtJS

Topics Guest Post, Image, NuxtJS, Under Review
Read Time

Introduction When building a content website, users will want to share assets such as links to already uploaded video content such as Netflix shows and Youtube videos. To provide an enjoyable user experience, we will want the users to see a thumbnail of the video as they share the link.

How to Audit Image Render Sizes

Topics Guest Post, Image, Performance, Under Review
Read Time

Media content makes up the majority of the internet and is the prominent source of performance issues. These issues are often overlooked even though they are the most approachable category of performance bottlenecks to fix. Auditing image performance is often overlooked because we build products on high-end devices that deliver…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free