RESOURCES / BLOG
Blog - Page: 89
Get the latest news on the Cloudinary platform, solutions, and showcases.
Character Remover from video in Next.js
Introduction This article demonstrates how a human character can be extracted from a video using nextjs and TensorFlow. Codesandbox Check the sandbox demo on Codesandbox. You can also get the project GitHub repo using Github. Prerequisites Entry-level javascript and React/Nextjs knowledge. Setting Up the Sample Project In your…
Read More ->
Build Airbnb-style image cards with Chakra UI
Card components are a way to group and display related information into a container. Sometimes users can interact with them by clicking or tapping to see more details. In this article, we will learn how to build reusable, customizable, and responsive card component using Chakra UI. Sandbox The completed project…
Read More ->
Create a Robust Product Image Gallery in Next.js
Product images are an integral aspect of succeeding in the e-commerce industry. They can make or break sales. The images we use should demonstrate to the user what the product is and aid them in their decision to make a purchase. An image gallery is a useful tool that displays…
Read More ->
Build an E-commerce Product Image Zoom Lens in NuxtJS
Customers of modern e-commerce systems anticipate custom-made products and the ability to preview their purchases before making a purchase. This tutorial will utilize Nuxt to make a product image zoom lens that lets us zoom in on a product image while keeping the expected look and feel after purchase.
Read More ->
Static Maps Image Embedding with Google Maps
Static map images are independent images displayed on the web and mobile applications to pinpoint an exact location. These have become increasingly prevalent in applications because of their fast load rate and ability to be used anywhere our application can embed an image. Static map images are most common in…
Read More ->
Manage Open Graph Images in NextJS
Images are the modern internet’s eye candy. Images are employed to capture the user’s attention and spark their interest. With images, information appears uniquely, making it more appealing. Open Graph serves as a medium that extracts key points of a web application and creates a dynamic preview to increase user…
Read More ->
Easy document signing in NuxtJS
Signing documents is supposed to be an easy task that has become more than necessary as digital documents and remote work thrives. However, many apps make this by requiring you to download desktop apps or via heavy websites. Let us explore how to create a simple website to sign single-page…
Read More ->
Simulate a Streaming Event in Gatsby.js
Introduction Live streaming events have become more of the norm these past few years. They give a sense of urgency to your content, boost online interaction between you and your users, and help reach a wider audience. This tutorial will walk through handling video player events by building a live…
Read More ->
Generate a shipping label barcode image in NuxtJS
Since the invention of the barcode some years back, its usage has grown in popularity from being used in mini-marts for small-scale inventory to large-scale commercial purposes at shipping companies. A barcode is a strict square and rectangular box containing machine-readable vertical lines of different thicknesses. Numbers always come with…
Read More ->
Start Using Cloudinary
Sign up for our free plan and start creating stunning visual experiences in minutes.
Sign Up for Free