Progress Button Microinteractions with VueJS

twitter logo github logo ・1 min read

I rewritten the Javascript source code, from using jQuery library into using VueJS framework.

Also I made it into a component, so this may be reused easily.

There is few changes in CSS, specially in transition. Then in Javascript, I changed some of the logic for changing the classes, and animations.

This is also a good opportunity for me to learn/practice the $emit, callback, and $refs of VueJS.

Quoted from old description: "Recently, I've been interested more in studying microinteraction, so I made an example button for uploading with microinteraction."

Here is the link for the old pen: https://codepen.io/takaneichinose/pen/KjBBOZ

twitter logo DISCUSS
Classic DEV Post from Jan 25

Data Visualization and Web Reporting in Angular Project

Overview of JavaScript libraries for visualization and reporting in the Angular app.

Takane Ichinose profile image
A Front end developer who don't stop studying, and practising.