Skip to content

RESOURCES / BLOG

Blog - Page: 77

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

Encode Google Calendar Invites in Next.js

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

Encoding is changing data into a new format using a scheme. It is reversible, and data can be encoded to a new form and decoded to its original condition. Encoding should not be confused with encryption, which hides content. Both techniques are used extensively in the networking, software programming, wireless…

Creating a Video Thumbnail Previews in GatsbyJS

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

Video previews give users a quick snapshot of the video while still browsing the page. A thumbnail is an image preview of the actual video. This post covers the processes of uploading video files to Cloudinary, displaying their thumbnails on web pages, and creating the preview on hover functionality. Demo…

Create a Bar Chart in Next.js

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

Bar charts are one of the most effective ways to display and represent data. They are commonly used to highlight comparisons between categories of data. Having a bar chart in our web application helps convey relational information quickly. This article will demonstrate creating a bar chart in a Next.js application.

Add Google Analytics to a Video in GatsbyJS

Topics API, GatsbyJS, GraphQL, Guest Post, Player Video, Under Review
Read Time

User insights are interpretations of quantitative and qualitative data collected via feedback and other sources, then evaluated to make choices. They are among the most effective tools used to discover behavioral trends, increase marketing effectiveness, provide rich user experiences, and support service activities. This article discusses implementing and gathering video…

Create a Pie Chart in Next.js

Topics HTML5, Javascript, Next.js
Read Time

The pie chart is one of the most effective ways of illustrating data and they have been around since the 1800s. A pie chart is a circular graph showing statistical information in numerical proportion. Pie charts are used widely in analyzing business and media data. At the end of the…

Image showing a pie chart labeled create a pie chart in next.js for the chart.js examples article

How to Lazy Load Images in Plain HTML

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

Most websites contain images that contribute to high data usage and slow page loads. It is impossible to do away with photos on websites; therefore, page load speeds must be improved. Image lazy loading is a method of identifying resources (images) as non-critical until they’re needed. For example, a page…

Handle Text Wrap Around Images Using HTML and CSS

Topics CSS, HTML5
Read Time

Text wrapping is the practice of surrounding a picture or diagram with text. Including images in your text is an excellent way to display essential information. HTML and CSS are the two primary methods for achieving this, as they both account for inconsistent image dimensions. This tutorial will walk you…

Image showing a computer with CSS text wrap around image

Extract and Transform Text from Images

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

Manually extracting and transforming text contents from images can be a time-consuming and tedious task. Some examples include attempting to auto-tag or categorize an image based on its text content, blurring or adding an overlay to the text on an image, etc. Cloudinary provides an OCR (Optical character recognition)…

Create Product Review with Images in NuxtJS

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

Nowadays, no e-commerce site is complete without a healthy dose of customer feedback. Individual product reviews with an image can significantly impact the customer experience and conversion rate. Product review with images allows customers to load images for their thoughts and will enable them to share their images. In this…

Start Using Cloudinary

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

Sign Up for Free