A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://medium.com/@FrancescoZ/async-in-vue-js-part-1-28d96f751a2e below:

Async in Vue.js - Part 1. Create a shape shifter Skeleton Card in… | by Francesco Zuppichini | Vue.js Developers

Async in Vue.js - Part 1

Create a shape shifter Skeleton Card in Vuejs with Vuetify instead of a loader

Problem

Display a loading feedback into a web application is a big thing. A common approach is to just use a spinner loader to notify the user that something is happening.

This method has some drawbacks, for example, it does not say anything about the future content. Therefore the user has no clue of what it is going to be displayed.

Solution

Skeleton screens can be used instead of spinners to provide a stronger feedback

Facebook skeleton screen

You can read more about them here:

and here:

http://blog.iamsuleiman.com/stop-using-loading-spinner-theres-something-better/

Implementation

Fist of all. The code can be found here as well as the instructions to install it


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4