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 Add Watermark On Image In Laravel 10
How To Add Watermark On Image...

In this article, we will how to add a watermark to an image in laravel 10. Here we will learn about laravel 10 adding a...

Read More

Mar-31-2023

How to Get Soft Deleted Records in Laravel 10
How to Get Soft Deleted Record...

Hey there! Ever wondered how to recover deleted data in Laravel 10 without much hassle? Well, you're in luck! I'...

Read More

Nov-27-2023

Access Denied for user 'root'@'localhost' phpMyAdmin
Access Denied for user 'root'@...

phpMyAdmin is a valuable web-based tool for managing MySQL databases, simplifying various database tasks. However, runni...

Read More

Jul-28-2023

Laravel 8 CRUD Operation Example
Laravel 8 CRUD Operation Examp...

In this article, we will see the laravel 8 crud operation. As you know Laravel 8 has already been officially released an...

Read More

Sep-16-2020