Skip to content

RESOURCES / BLOG / Vue

Results for Tag ‘Vue’

Handle Image Asset Bundling Using Vite in Vue.js

Topics CSS, Guest Post, Image, JAMStack, Optimize, Vue
Read Time

The by-product of human evolution with the internet has become ambitious web applications to cater for our ever-growing list of web application needs. As larger websites usually mean slower websites, Vite provides faster development experiences. Being platform-agnostic means Vite is versatile and can be used across various platforms, providing an…

Implement Drag and Drop on Images in Vue

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

Many apps you’ll encounter have images that you drag and drop in different locations for a number of reasons. It may help users reorganize their photo libraries or it can simplify a process. That’s why we’re going to build a front-end app to handle this type of drag and drop…

Add Optimized Video to Documentation in VuePress

Topics Guest Post, Javascript, Under Review, Video, Vue
Read Time

Video optimization is essential in today’s media, as it helps reduce file sizes and loading times before reaching users’ devices. You don’t want a high bounce rate when users visit your platform if the video size is heavy and takes too much time to load. VuePress is a static site…

Optimize and Deliver Hosted Images in NuxtJS

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

Introduction Images are an essential part of a web application. Most times, there is a need to transform, optimize, and deliver a version of an image. Often, these images are hosted on a remote server which aids reusability. This article will look at how to fetch, transform, and optimize hosted…

Create a Bar Chart in NuxtJS

Topics Guest Post, HTML5, Javascript, NuxtJS, Under Review, Vue
Read Time

Introduction According to Wikipedia, a bar chart is a chart that presents categorical data using rectangular bars with heights or lengths proportional to the values that they represent. On one axis of the chart are the categories under comparison, while on the other is the measured value. At the…

Encode Calendar Invites in a QR Code in NuxtJS

Topics Guest Post, Javascript, NuxtJS, Under Review, Vue
Read Time

The discovery and invention of the Quick Response (QR) code made it possible to embed digital data in text, links, tickets for concerts, and other use cases, thereby making use of a mobile device to translate the image into text for the user. This tutorial will explain the process of…

Create a Pie Chart in NuxtJS

Topics Guest Post, Javascript, NuxtJS, Under Review, Vue
Read Time

Data visualization organizes complex, unorganized datasets in an organized and visual way that is easy for the users to understand. Presenting data comes in charts – bar, line, bubble, doughnut, etc. In this article, you will learn how to build the graphical representation of a pie chart using provided datasets…

Blur out Text in Images Using OCR in NuxtJS

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

Blur out text in Images Using OCR in Nuxt.js. Almost every web page contains images, many of which have text we don’t always want to display. Optical character recognition (OCR) is a technology that helps extract text programmatically from images or other media. Cloudinary is an image and video…

How to Add Open Graph Images in NuxtJS

Topics Accessibility, Guest Post, Image, NuxtJS, Under Review, Vercel, Vue
Read Time

People create content on the internet with at least one primary goal: to share with other internet users. When you share a website’s URL through social media platforms like Facebook, Twitter, Messenger, or WhatsApp, you may notice that the shared URL forms a card that looks like the image below:…

Start Using Cloudinary

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

Sign Up for Free