Demo Post




How to add tooltip Bootstrap?

How to add tooltip Bootstrap?

Nowdays bootstrap is very famouse framework. If you are macking design using bootstrap then you can easily use tooltip with better design. If you think how to set right side tooltip, or how to set left side tooltip, or how to set top side tooltip and how to set bottom side tooltip then you can set e.....

By Hardik Savani | April 26, 2016 | Category : Bootstrap

Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

Eager ImageLoader plugs give us lazy loading before image loads, in this example you can load your gif image that you want before main image load. In this example i use eager-image-loader plugin. As you can see bellow preview that before image load. so first you have to give path of gif image "./u.....

By Hardik Savani | July 8, 2016 | Category : Javascript jQuery


Jquery - How to copy text to clipboard without flash example ?

Jquery - How to copy text to clipboard without flash example ?

We sometimes require to give function of copy some text by clicking on button or any link. There are several library can do copy text using flash player, but in this example i will do it without using flash player. In this example we will use clipboard.js Jquery Plugin for copy to clipboard. clipb.....

By Hardik Savani | January 3, 2017 | Category : Javascript Bootstrap jQuery

How to integrate google map using gmaps.js in php example?

How to integrate google map using gmaps.js in php example?

Today, i am going to show you how to create simple google map in PHP. In this example i use gmaps.js plugin for integrate google map with marker of your location. You can simply generate google map in your any php framework like laravel framework, codeigniter framework, zend framework, cakephp frame.....

By Hardik Savani | August 30, 2016 | Category : PHP Javascript HTML jQuery Google Map

Simple accordion example code with demo using jquery ui

Simple accordion example code with demo using jquery ui

Today, i am going to give you simple example code of accordion usign jquery ui. Sometimes we need to add quick without bootstrap and other jquery plugin. So, you can learn how to add simple jquery accordion in your php or other framework project. Here is a simple four section with it's content so y.....

By Hardik Savani | August 10, 2016 | Category : Javascript HTML jQuery JQuery UI

Jquery tooltip example code with demo using Jquery UI

Jquery tooltip example code with demo using Jquery UI

Jquery UI is a lots of collection of GUI widgets like datepicker, tab, timepicker, colorpicker etc. Jquery UI also provide tooltip GUI widget that way we can set text and display when hover on specific element. Jquery UI tooltip through we can set information about element like if we set delete but.....

By Hardik Savani | July 19, 2016 | Category : Javascript HTML jQuery JQuery UI

Laravel Vue Flash Message Example From Scratch

Laravel Vue Flash Message Example From Scratch

Today, I will show you how to implement flash message using vue js in laravel 5 application. We will built vue flash message in laravel 5 website. Many times we need to display like alert, notification or flash message after trigger processes like after create, update and delete item. This example .....

By Hardik Savani | November 24, 2018 | Category : PHP Laravel Vue.JS

PHP - Behance API tutorial with example and demo

PHP - Behance API tutorial with example and demo

Today, i am going to share with you how to use behance api in php project. In this article i will explain how to get projects from behance website using their api in your php website or any framework application like laravel, yii2, codeigniter etc. Behance is a networking website and it is very pop.....

By Hardik Savani | December 9, 2016 | Category : PHP Bootstrap Behance API

How to get gravatar image from email using Jquery?

How to get gravatar image from email using Jquery?

Sometimes, we require to get gravatar image from email address in jquery. So, today i am going to share with you how to get gravatar image from email. Gravatar is a service for providing globally unique avatars. We can simply create our account and set avatar image that we want. There are several d.....

By Hardik Savani | October 28, 2016 | Category : Javascript Bootstrap HTML jQuery

iOS 7 style switches for checkboxes example using switchery JS

iOS 7 style switches for checkboxes example using switchery JS

<br/> Switchery is a simple component that help us to make beautiful iOS 7 style switches for our checkbox. In this post we will see how to make ios 7 style switches animation using js plugin. If we make using our custom css then it take long time to integrate. For this example i use CDN of Switche.....

By Hardik Savani | January 17, 2017 | Category : Javascript Bootstrap HTML CSS jQuery