Tag : Vue.js 7 Posts

Create a Simple Reusable Image Lazy Loading Component in Laravel using Vue.js

Initial loading of big images can negatively affect your website's overall performance and can even lead to low SEO rankings. Google has indicated site speed (and as a result, page speed) is one of its algorithms used to rank page. A simple solution to this is to Lazy Load all big images. Many famous sites like Medium are already implemented t...

Read More

Ajax Live search with Images and Custom HTML in Laravel using Vue.js

I think everybody is familiar with the concept of Ajax Live Search. Every day we are seeing it when we are using Google or YouTube where we get related results in the drop-down menu associated with input search field. Almost all websites you visited will have a similar search functionality including this. Basically, everybody uses 3rd party ja...

Read More

Create Infinite Scroll with Filters in Laravel Using Vuejs

I believe everybody is familiar with YouTube's and Facebooks's Infinite scroll. Today In this tutorial I will show you how to easily achieve Infinite Scrolling in your Laravel application without using any external third party library by using Vuejs. I also implement a simple filter facility to filter posts according to various criteria.&...

Read More

Create Drag and Droppable Cards in Laravel using Vue Js

I think some of us are familiar with drag and droppable cards system in various task management applications like Trello. Today in this tutorial I will show you how to create similar drag and droppable cards with persistent in Laravel using Vue.js. I am using a cool library in Vue.js called Vue.Draggable. The Vue.Draggable ...

Read More

Create a Simple Shooting Game Using Vue Js

The best way to learn a new programming language is by creating some small interesting application. In this tutorial, I will try to cover the basic of Vue Js and HTML Canvas by making a small interesting UFO Shooting game. It will be useful for beginners who are learning Vue Js. The Vue js is an Upcoming Progressive JavaScript Framework. ...

Read More