Use vanilla JavaScript to make Ajax request

Use vanilla JavaScript to make Ajax request

JavaScript AJAX (Asynchronous JavaScript and XML) is a technique that gives the ability to send and receive data asynchronously from a web server. AJAX allows you to create rich, responsive user interfaces. It makes it easy to update data on the page without having to...
Create custom pagination template in Laravel

Create custom pagination template in Laravel

Laravel comes up with a paginator that generates HTML compatible with the Tailwind CSS framework. But Laravel allows you to apply custom pagination HTML structure. So, if you want to use your own pagination’s HTML structure and styles, you can do it by creating...
Add animation to bootstrap carousel elements

Add Bootstrap Icons in SASS or SCSS

Bootstrap introduced their icons collection in November 2019 as Bootstrap Icons (v1.0.0-alpha). At that time, they had only 213 icons. As of January 2022, they’ve 1500+ icons in their library. You can use Bootstrap Icons with or without Bootstrap in any project....
Use vanilla JavaScript to make Ajax request

Create autocomplete using vanilla JavaScript

To create autocomplete feature for input field(s), HTML’s datalist tag can be the easiest solution. But it has limited styling and also some browser support issues. So, let’s create our own stylish autocomplete using vanilla JavaScript and Bootstrap for...
Use gulp to automate SASS to CSS compilation

Use gulp to automate SASS to CSS compilation

Gulp is a toolkit to automate & enhance our workflow. Most of the time, I use gulp for my SASS projects. In this article, I’ll show you how to use gulp to automate SASS to CSS compilation. First, let’s create a folder named sass and then initialize npm...
Create custom pagination template in Laravel

Define global variables in laravel

Imagine you want to define some variables that can be accessed from anywhere in your laravel project. To achieve that, the best way will be to take advantage of laravel’s configuration file. Creating a Configuration File First, you need to create a file inside...