Categories : CSS



Custom Toastr Notification In Laravel 9

Custom Toastr Notification In Laravel 9

In this article, we will see a custom toastr notification in laravel 9. we will create a custom notification using HTML, CSS, and jquery. In this, we will not use any kind of JS. You can display a success message, info message, warning message, and error with the help of CSS in laravel 9.

Queen Elizabeth II Portrait Using CSS

Queen Elizabeth II Portrait Using CSS

In this article, we will see Queen Elizabeth II portrait using CSS. Elizabeth II was Queen of the United Kingdom from 6 February 1952 until her death on 8 September 2022. Her reign of 70 years and 214 days was the longest of any British monarch and the second-longest recorded of any mon...

How To Install Tailwind CSS In Laravel 9

How To Install Tailwind CSS In Laravel 9

In this article, we will see how to install tailwind CSS in laravel 9. Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file. It's fast, fl...

How To Download Youtube Video Using jQuery

How To Download Youtube Video Using jQuery

In this tutorial I will show you how to download youtube video using jquery or how to download youtube video from source. Also we will use loader API for download free youtube video.

It's very simple to download youtube video from source. you need to just enter youtub...

How to Create Slider using jQuery

How to Create Slider using jQuery

In this post we will see how to create slider using jquery, here we will use owl carousel for create slider using bootstrap. owl.carousel provides inbuilt css and js for jquery automatic image slider. here we will see how to create slidshow or how to create image slider using...

Autocomplete Search using Bootstrap Typeahead JS

Autocomplete Search using Bootstrap Typeahead JS

In this example we will see autocomplete search using bootstrap typeahead js.Typeahead search is a method for progressively searching for and filtering through text.

Here we will see how to autocomplete search using typeahead js. It is also sometimes kn...

jQuery Image Magnifier on Mouse Hover

jQuery Image Magnifier on Mouse Hover

In this article, we will see a jquery image magnifier on mouse hover. Using an image magnifier you can enlarge image on mouse hover. In this example, users can directly zoom image in with the mouse wheel or pinch zoom on touch devices using javascript...

Change Text Color Based On Background Color Using Javascript

Change Text Color Based On Background Color Using Javascript

In this article, we will see a change text color based on background color using javascript. Sometimes we have requirements to change text or font color dependent on background color and at that time if you are changing text color manually then this post will definitely help you. So, yo...

How To Create List And Grid View Using JavaScript

How To Create List And Grid View Using JavaScript

In this article, we will see how to create a list and grid view using javascript. many times clients have requirements like a toggle between list and grid view. here we will give you an example list and grid view using jquery. So, copy the below code and get the output of the list and g...

How To Toggle Dark and Light Mode using jQuery

How To Toggle Dark and Light Mode using jQuery

In this article, we will see how to toggle between dark and light modes using jquery. As per the current trend of web development, many websites provide the user with a reading select themes like dark mode and light mode or day/night mode of website and it's very easy to implement in the webs...

Recommended Post
Featured Post
How To Install React JS Step By Step
How To Install React JS Step B...

In this article, we will see how to install React JS step by step. we will see how to set up an environment fo...

Read More

Aug-08-2022

How to Check User Browser is Supported or Not in jQuery
How to Check User Browser is S...

In this article, we will see how to check user browser is supported or not in jquery. Some time latest features are not...

Read More

Nov-13-2020

Carbon Add Months To Date In Laravel
Carbon Add Months To Date In L...

In this article, we will see an example of carbon add months to date in laravel. Here, we will give you a simple&nb...

Read More

Dec-05-2020

How To Fix cURL Error 60 SSL Certificate Problem
How To Fix cURL Error 60 SSL C...

In this example we see how to fix cURL error 60 SSL certificate problem. cURL error 60: SSL certificate proble...

Read More

Dec-08-2021