Vue — Smashing Magazine

46 articles

How To Deal With Big Tooling Upgrades In Large Organizations

May 17, 2023 — The process of upgrading large third-party packages in equally large organizations is rarely, if ever, as easy as running an npm update and calling it a day in this context. Joran Quinten shares valuable lessons from his team’s experiences in upgrading third-party code that affects codebases across the entire organization. Read more&mldr;

Olufunke Moronfolu wrote

Building Complex Forms In Vue

March 9, 2023 — Did you know that creating a complex form can be progressively enhanced using some Vue features like the v-for and the v-model? In this article, Olufunke shares some basic Vue core features that are super useful when building out the complex form in your day-to-day Vue usage. Read more&mldr;

Lisi Linhart wrote

Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System

March 2, 2023 — In this article, Elisabeth Wieser-Linhart explores its potential benefits and drawbacks and shares what considerations and steps were involved in the process of migrating the front-end interface of Storyblok’s headless content management system. Read more&mldr;

Michelle Barker wrote

Optimizing A Vue App

November 22, 2022 — Prioritizing performance when building our web apps improves the user experience and helps ensure they can be used by as many people as possible. In this article, Michelle Barker will walk you through some of the front-end optimization tips to keep our Vue apps as efficient as possible. Read more&mldr;

Joseph Zimmerman wrote

How To Make A Drag-and-Drop File Uploader With Vue.js 3

March 18, 2022 — Building on a previous article on How to Build a Drag-and-Drop File Uploader, we’ll be adding some new features, but more importantly (maybe), we’ll be learning how to build it in Vue 3 and learn some best practices for Vue along the way. Read more&mldr;

Joel Olawanle wrote

An Introduction To Quasar Framework: Building Cross-Platform Applications

October 23, 2021 — Quasar is an open-source Vue.js-based cross-platform framework that allows you, as a developer, to easily build apps for both desktop and mobile using technologies such as Cordova and Electron and writing your code once. The app we’ll build will store and get its data from Firebase, meaning that we will also be seeing how to use Firebase in Quasar. Read more&mldr;

Ejiro Asiuwhu wrote

Composable CSS Animation In Vue With AnimXYZ

October 9, 2021 — Most animation libraries like GSAP and Framer Motion are built purely with JavaScript or TypeScript, unlike AnimXYZ, which is labelled “the first composable CSS animation toolkit”, built mainly with SCSS While a simple library, it can be used to achieve a lot of awesome animation on the web in a short amount of time and little code. Read more&mldr;

Miracle Onyenma wrote

How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch

October 1, 2021 — Many websites have some sort of search feature because it helps users navigate through their content easily. Implementing it the right way can be tricky and might not give a good user experience. In this tutorial, we will be integrating Algolia, a popular and powerful search service for the best experience on our Nuxt site. Read more&mldr;

Marcus Herrmann wrote

Three Insights I Gained While Researching Vue.js Accessibility

July 16, 2021 — Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns. Read more&mldr;

Uma Victor wrote

Tools And Practices To Speed Up The Vue.js Development Process

July 8, 2021 — Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze. Read more&mldr;