Posts


QuerySelector method in JavaScript

QuerySelector method in JavaScript

Jan 15, 2021

In a tree structure, we use a selector in CSS that matches against elements. We use elements, classes, or IDs.  Selectors Let's see an example1...

View
Pure HTML-CSS accordion or collapsible panel using Details and Summary tags

Pure HTML-CSS accordion or collapsible panel using Details and Summary tags

Jan 14, 2021

Collapsible panels or accordions have been an important part of the UI experience for a long time. In this article, we will explore HTML5 <details...

View
JavaScript callback function with examples

JavaScript callback function with examples

Jan 13, 2021

The callback function is a must-know concept for developers!  What is a function() ? A function is a block of code that does a defined task whe...

View
Must know Laravel artisan commands cheat sheet

Must know Laravel artisan commands cheat sheet

Jan 11, 2021

Laravel gives developers a Command Line interface - Artisan. Artisan commands line tool is very handy for building a Laravel application. With this co...

View
Design trend - Neomorphism in UI

Design trend - Neomorphism in UI

Feb 13, 2020

Neomorphism or soft UI is a new trend getting popular among UI developers in the year 2020. What is Neomorphism or soft UI? Neuromorphic UI is...

View
Microsoft's New Windows Terminal - Installation to customization guide

Microsoft's New Windows Terminal - Installation to customization guide

Dec 29, 2019

Microsoft has released the Windows Terminal Preview version. The latest version of the Terminal app is available from the Microsoft Store. As per Mic...

View
Redirect website from http to https using htaccess

Redirect website from http to https using htaccess

Oct 12, 2019

  From July 2018, with the release of Chrome 68 - Now your website users know the level of security as google flags your website if your site is...

View
Create a Horizontal Scrolling Menu

Create a Horizontal Scrolling Menu

Sep 24, 2019

How To Create a Horizontal Scrolling Menu The answer is much simple than you thought. The basic idea -  - A container or a wrapper (parent )...

View
Scroll to top of the page - A simple React component

Scroll to top of the page - A simple React component

Sep 17, 2019

We are going to create a React button component that when clicked, the page smoothly scrolls back to the top. Here is the simple concept to achieve t...

View
.gitignore file and its usage

.gitignore file and its usage

Sep 15, 2019

What is .gitignore used for? The .gitignore file is a text file in a repository. The purpose of .gitignore is to instruct Git which files, directory...

View
How to use GitHub - Simple GitHub tutorial for beginners

How to use GitHub - Simple GitHub tutorial for beginners

Sep 8, 2019

What is GitHub? GitHub is a Git repository(repository, in short, is termed as a repo) hosting service platform allowing us to store our local re...

View
Clear cache in Laravel

Clear cache in Laravel

Aug 30, 2019

Here is the list of commands to clear all types of cache in the Laravel project. Clear Application Cache  php artisan cache:clear Clear...

View
Getting started with Git -a dead simple tutorial for beginners

Getting started with Git -a dead simple tutorial for beginners

Aug 26, 2019

Getting started with Git! The very first lesson - Git is your friend. And it is never too late to learn something new! This guide is specially...

View
How to use Laravel Mix in any projects

How to use Laravel Mix in any projects

Sep 25, 2018

What is Laravel Mix? Laravel Mix provides a fluent API for defining Webpack build steps for your Laravel application using several common CSS and J...

View
Laravel Queue worker and Supervisor process monitor

Laravel Queue worker and Supervisor process monitor

Mar 12, 2018

Laravel Queues are great for dealing multiple time consuming processes. These job queues are processed by the queue worker. And Supervisor is a proces...

View
CSS Counters function tutorial with examples

CSS Counters function tutorial with examples

Mar 7, 2018

CSS Counters function CSS 2.1 introduced CSS counters. Using Counters in CSS we can keep track on the placement of any element in the document tree a...

View
Simple offline pages with Service worker

Simple offline pages with Service worker

Mar 1, 2018

Rich offline web pages are one of the great feature of service worker. Imagine, you are travelling and going through a website page. Suddenly internet...

View
Animate on scroll - Best 5 CSS3+jQuery scroll libraries

Animate on scroll - Best 5 CSS3+jQuery scroll libraries

Jan 24, 2018

Web design is no more limited to content and graphics. One can not deny the role of animations and effects on the websites.  There are many anim...

View
A guide to web robots and how to use them properly

A guide to web robots and how to use them properly

Jun 10, 2017

Why do you need robots.txt? There is a number of reasons to use a robots.txt file. When our site is in development mode and some of the parts or p...

View
Laravel Eloquent Relationships

Laravel Eloquent Relationships

Jun 10, 2017

As we learned about Laravel Eloquent ORM in our previous tutorial, now we will learn about Laravel Eloquent Relationships. With Laravel Eloquent relat...

View

Subscribe For Newsletter