jQuery Image Rotate

In this tutorial, we are going to rotate HTML image element by using jQuery. In the previous tutorial, we have seen How Can I Generate a Random Alphanumeric String in PHP?. In this image rotation example, we are using jQuery animate function. Using this function we are controlling the...

Bootstrap Contact Form with JavaScript Validation and PHP

Bootstrap is the most popular solution to design an optimum, intuitive, mobile-ready UI components. It is easy to integrate the Bootstrap library for the application interface. Often, many of my readers ask for a Bootstrap contact form code. So I thought of creating a basic example for a Bootstrap...

How to Make Online Photo Editing Effects like Blur Image, Sepia, Vintage

Photo editing effects will turn graphical elements to be expressive. With suitable effects, you can use a simple image and convey an idea. For example, you can bring logo to the foreground by blurring the background image. The effects like image blur, transparency, shadowing creates attractive visual effects. There...

How to Create Custom Image File Explorer in PHP

A file explorer, specially designed for showcasing image files will be a cool addition to your PHP web application when you are handling images. Imagine an image file explorer built in PHP with options to options to browse files in icon, list and detailed view. That is what we...

jQuery Plugin For Folding Tree Structures – file-explore.js

File-explore.js is a minimal jQuery folder tree/file explorer plugin used to convert nested unordered lists into a hierarchical tree that is both expandable and collapsible. How to use it: 1. Add the jQuery file-explore plugin’s files to the webpage which has jQuery library loaded. <link href="css/file-explore.css" rel="stylesheet"> <script src="//code.jquery.com/jquery.min.js"></script>...

File Explorer-like Tree View Plugin For jQuery – explr-js

explr-js is a jQuery plugin that converts nested html lists into a File Explorer-like hierarchical tree with smooth animation and custom icons support. How to use it: 1. Load jQuery library and the jQuery explr-js plugin’s files in the html file <link href="jquery-explr-VERSION.css" rel="stylesheet"> <script src="//code.jquery.com/jquery.min.js"></script> <script src="jquery-explr-VERSION.js"></script>...

Multiple File Upload using PHP

In this tutorial, we are going to see how to upload multiple files using PHP. I am using “Fine Uploader” a JavaScript, open source and free library. Also, fine-uploader has no dependencies. It is simple and easy to understand. It shows a progress bar during upload and preview for...

jQuery AJAX Autocomplete – Country Example

Autocomplete feature is used to provide the auto suggestion for users while entering input. In this tutorial, we are going to suggest country names for the users based on the keyword they entered into the input field by using jQuery AJAX. jQuery Autocomplete function is called on the key-up...

How to Pass Data with Ajax to a PHP file

In today’s tutorial, I’m going to show you, how to Pass Data with Ajax to a PHP file and process it. Using this method, you can retrieve data from a database, and run other PHP scripts using the values of the forms and fields....