Add Bootstrap Icons in SASS or SCSS

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....
Create autocomplete using vanilla JavaScript

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...
Define global variables 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...