Skip to content

RESOURCES / BLOG

Blog - Page: 98

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

Handling Orders using Web3 and Ethereum

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

One of the big draws to blockchain is that you can execute large financial transactions in minutes instead of days or weeks. One day, you could be able to sell your house in 15 minutes and all of the ownership information will be stored securely on the blockchain. That’s why…

Fix Layout Shifts with Image Component

Topics Guest Post, Image, Next.js, Performance, Under Review
Read Time

I’m sure you’ve experienced one of those moments where you visit a page on a website, maybe by clicking on a blog post. While you were still on the page, some additional page content (images, ads e.t.c) got loaded, and suddenly, you couldn’t find your position again. Layout shifts occur…

Edit Green Screen Videos

Topics Guest Post, JAMStack, Svelte, Under Review, Video
Read Time

Introduction Have you ever watched one of those programming videos where the person’s face is overlayed over their computer screen? That’s made possible using green screens. They’re widely used especially in the media and filming industries. Even though green screens are preferred more, you can achieve the same using any…

Feedback Form Trigger from Video Events

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

Modern web pages rely heavily on interactivity. These tasks include gathering data on user engagement, processing form submissions, and controlling media asset interactivity. In this tutorial, we’ll discuss how to utilize video event triggers to handle user interface changes in a Gatsby.js project. Sandbox This project was completed in a…

Generating 360 gifs from 3D Models

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

Background As we transition into the world of augmented and virtual reality, we will see normal applications interact with 3D models and animations everywhere. Let us learn how we can generate a 360 degree animated image from a 3D model with Nuxt.Js Codesandbox The final project can be viewed on…

Creating Netflix Style Overlay Transitions

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

Transitions are vital ingredients that make a website stand out. They make for a great user experience and have been explored a great deal these last few years. This tutorial will walk you through handling video transitions in our web applications by building a Netflix-style video player using React Player…

How to build a Product Hunt Clone – Part 2 of 2

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

Introduction This jam is the final part of a two-part series on creating a Product Hunt Clone in Next.js. In the first part, we configured the initial Next.js app with Auth0, Cloudinary, and Airtable. Then, we fetched and displayed the products on the homepage. We also discussed how to…

Floating Video Player

Topics Guest Post, JAMStack, NuxtJS, Player Video, Under Review, Video
Read Time

To provide our customers with the best video user experience, we want to provide them amazing accessibility features such as a video player which is fixed when opened but follows the user as they scroll the webpage. These are called floating video players. Floating videos are a common sight whether…

Handling Robust Video Uploads

Topics (UI) Widget, GatsbyJS, Guest Post, Under Review, Upload, Video
Read Time

Adding upload support, especially videos to websites and apps, comes with considerable research for new and experienced developers. “How to deal with file size and storage space for videos?”, “What standard video format should the upload support?“are some of the questions that might arise. This article shows you how to…

Start Using Cloudinary

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

Sign Up for Free