Skip to content

RESOURCES / BLOG

Blog - Page: 100

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

Data Visualization using Chart.js

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

Introduction Chart.js is an amazing JS library that helps with the visualization of data through different types of charts and graphs. In this tutorial, we’re going to be generating images of the charts/graphs from the Chart.js JS library and combining them into one image using Next.js and…

E-commerce Product Variant Customization

Topics Guest Post, Image, React, Transform, Under Review
Read Time

In modern e-commerce applications, customers demand tailor-made products and the ability to customize their shopping experience for products. With product variant customizations, customers can personalize the products themselves in online stores, exactly how they want them before purchase. This post outlines how to create a customizable product component on a…

Embedding video playlists

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

Objective HTML allows us to easily embed video players on web pages, video playlists, however, is outside of the scope of the standard video element. This is regardless of the fact that for media-intensive applications, organizing our videos into playlists is priceless. Let us explore how we can add video…

Featured Image with MDX and Gatsby

Topics GatsbyJS, GraphQL, Guest Post, Image, JAMStack, Optimize, Sharp, Under Review
Read Time

MDX, the powerful authoring format that lets you write JSX content inside of your markdown content, is an amazing tool to deliver interactive experiences to your readers. What is MDX? You can learn more by checking the official site and/or this youtube video. MDX is compatible…

Create a YouTube-Style Post-Video Completion CTA

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

YouTube has been and continues to be an essential piece in popular culture. With the addition of post-video completion call-to-action(CTA), users can dive in and find amazing video recommendations similar to what they have been watching. This post will discuss implementing YouTube-style post-video completion call-to-action(CTA) using Cloudinary and Nuxt.js. At…

Creating CCVT Video Effect

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

Introduction and setup In this fun simple tutorial, we’re going to be using Cloudinary transformations and SvelteKit to apply a CCTV effect to any video. For those who are not familiar, SvelteKit is a Svelte framework similar to Next.js. If you’ve already written some Svelte code…

Build A Virtual Photo Booth

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

There are a lot of useful tools built into the browser that we don’t take advantage of as much as we could. Working with WebRTC is one of those tools that doesn’t come up as often as it could. Do you have an app where a user can upload…

Creating a Virtual Reality App

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

VR has grown over the past few years as the number of compatible devices increase. There are a ton of uses for it, both practical and for entertainment. If you know JavaScript, you can even start making your own VR apps right in the browser. In this tutorial, we’re going…

Build an Instagram Stories Experience

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

According to Instagram, the engagement on the platform has ballooned to an average of 30 minutes per day since the introduction of stories. It enables users to post and view highlights about their activities. Stories are so popular that they are used on major social media platforms like Facebook,…

Start Using Cloudinary

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

Sign Up for Free