RESOURCES / BLOG / Vue
Results for Tag ‘Vue’
Handle Image Asset Bundling Using Vite in Vue.js
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…

Read More ->
Implement Drag and Drop on Images in Vue
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…

Read More ->
Add Optimized Video to Documentation in VuePress
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…

Read More ->
Optimize and Deliver Hosted Images in NuxtJS
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…

Read More ->
Create a Bar Chart in NuxtJS
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…

Read More ->
Encode Calendar Invites in a QR Code in NuxtJS
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…

Read More ->
Create a Pie Chart in NuxtJS
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…

Read More ->
Blur out Text in Images Using OCR in NuxtJS
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…

Read More ->
How to Add Open Graph Images in NuxtJS
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:…

Read More ->
Start Using Cloudinary
Sign up for our free plan and start creating stunning visual experiences in minutes.
Sign Up for Free