Vue

Building a Simple Content Slider with Vue.js

Today we'll take a look at how we can build a simple content slider with Vue.js. We'll use the renderless component technique to create a reusable component which we then use to build multiple versions of a content slider...

Read more

Skeleton Loading Animation with Vue.js

Although there is some debate as to whether skeleton loading screens actually do enhance the perceived performance or not, there seems to be some evidence that they do work if they are done right. So today we'll take a look at how we can implement the skeleton loading animation pattern with Vue.js...

Read more

Using Location Data with Vue.js and Open Street Map

Today we'll explore how we can use the native browser geolocation API and the Open Street Map API to handle location data in a Vue.js applications. In our example app the users can press a button to automatically enter their address data into a form by allowing the geolocation API to access their current location...

Read more

Implementing a GDPR Consent Workflow with Vue.js

Love it or hate it, GDPR compliance is now a requirement if you want to collect data from EU citizens. Today we'll take a look at how we can use the concept of renderless components to implement a basic GDPR consent workflow...

Read more

Using Cloudinary and Storyblok to Handle Assets for a Vue.js Application

In this article we‘ll learn how we can combine the awesome digital asset management platform Cloudinary with the power of Storyblok to automatically handle image optimazation for us. We‘ll also explore how we can use the additional data, like the dominant color or the aspect ratio of an image, provided by the Storyblok Cloudinary Assets plugin, to implement enhanced image lazy loading...

Read more

Implementing a Simple Middleware with Vue Router

The concept of Middleware in frameworks like Laravel makes it fairly easy to do things like requiring an authenticated user for certain routes. Today we‘ll explore how we can implement a similar concept in the Vue.js world using the Vue Router...

Read more

Building a Simple Ken Burns Slider with Vue.js

Clients love them, most web developers hate them: sliders with fancy transition effects. Today we’ll build a very simple implementation of an image slider featuring the famous Ken Burns transition effect...

Read more

Automatic SPA FTP Deploys with CircleCI

Most of my articles are about the latest and greatest tools and technologies out there. One of the nice things about writing blog articles, in order to explore new technologies, is that it's a theoretical exercise. There is no client who dictates the specifications and there is no preexisting legacy stuff you have to consider...

Read more