In earlier posts, we've seen how you can enlarge or shrink an image on hover. In this post, you'll learn how you can rotate an image on hover, by any…
Validate input field by removing special characters | Vue.js | Example
User input validation is one of the most important part of any form on the web. Luckily, with Vue.js, you can easily validate the entered text by the user as…
Remove special characters from a string in JavaScript | Example
Sometime you may need to remove special characters from a string containing special characters. This may even be useful when decrypting some data. Or sometimes, just for validating a user…
Format numbers as currency (strings) in JavaScript | Example
JavaScript's Internationalization API gives access to a whole new world of geological data. It can be utilized in many forms, from Time zone calculation to currency to locale string conversions.…
Float (3D) / elevate an image on hover in Vue.js | example
Earlier I've written on how you can enlarge on shrink an image on mouse hover in Vue.js. Now in this article, I'll show you how you can float an image…
Shrink an image on hover in Vue.js | Example
Earlier I've written how you can enlarge an image on hover in Vue.js by dynamically toggling a CSS class. Here I'll show you how you can shrink or make an…
Make image circular on hover in Vue.js | Example
In the previous article, I've shown how you can enlarge an image on mouse hover. In this article, you'll learn how you can make an image circular (circular border radius)…
Enlarge an image on hover in Vue.js | Example
Vue.js with its super fast reactivity makes reactive development a breeze. Here in this example, you'll learn how you can enlarge or zoom in an image on hover in Vue.js.…
How to create non-reactive constants in Vue.js? | Example
Vue.js components come with the data() function which makes anything you put in it reactive. Now, let's assume that you have some string constants in a separate file which you…