My current place of work like most site has a password strength indicator. The requirements for the password is it has to be longer than seven characters, a capital letter, a special character and a number. All these requirements are currently hidden behind a tooltip. Which isn’t ideal for the user experience. An approach I saw recently was list all the requirements and change the opacity once they have been validated. I thought this would be idea for my work site. So I decided to rebuild it in Vue.
A bugbear when I first started using Gulp instead of using Compass for compiling my stylesheets. Was Gulp would just crashed and you had to restart gulp to get it back running. In this guide i’m going to show you how to prevent this along side showing a system notification for when it errors and when the code compiled.