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 enabled PHP contact form.

Bootstrap provides in-built features to take care of UI responsiveness, form validation, and more. I used its SVG icon library to display the contact form fields with suitable icons.

A Bootstrap contact form looks enriched. UI attracts people and enables them to use it with ease. Also, the developers’ effort is reduced by using the Bootstrap framework. (more…)

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 are many different image effects available. In fact, hundreds of them are available.

Online photo editing tools use a variety of methods to apply the effects on a target image. For example, either a CSS filter property or a SVG filter primitive can create an image blur effect.

Most of the visual effects are achievable with HTML5 and CSS3 filter properties. We will see how to make photo editing effects to blur, apply sepia, and vintage effect on a target image.

I created a simple image editing tool to apply blur, sepia, and vintage effect on a target image. Following is a live preview of the tool.

I have added a jQuery slider to allow you to fiddle with the image editing effects between a min-max range.

This example handles blur, sepia and vintage effect on an image element. (more…)

PHP OOP – Constructor

Constructor in PHP is special type of function of a class which is automatically executed as any object of that class is created or instantiated.

PHP – The __construct Function

PHP 5 allows developers to declare constructor methods for classes. Classes which have a constructor method call this method on each newly-created object, so it is suitable for any initialization that the object may need before it is used.

PHP OOP - Constructor

(more…)

PHP OOP – Classes and Objects

A class is a template for objects, and an object is an instance of class.

Object Oriented Concepts

Before we go in detail, lets define important terms related to Object Oriented Programming.

  • Class − This is a programmer-defined data type, which includes local functions as well as local data. You can think of a class as a template for making many instances of the same kind (or class) of object.
  • Object − An individual instance of the data structure defined by a class. You define a class once and then make many objects that belong to it. Objects are also known as instance.

class-object
(more…)

PHP – What is OOP?

Object-Oriented programming is faster and easier to execute. From PHP5, you can also write PHP code in an object-oriented style.

PHP What is OOP?

OOP stands for Object-Oriented Programming.

oop-in-php

(more…)

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 are going to see and build in this article.

Having feature to explore image files with different modes of display will enrich your web applications. Image gallery is a popular choice but if it comes added with other views, it will be a definite win for the users.Custom Image File Explorer in PHP
(more…)

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

jQuery Plugin For Folding Tree StructuresFile-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> 
<script src="js/file-explore.js"></script> 

(more…)

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

File Explorer-like Tree View Plugin For jQueryexplr-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>

(more…)

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 the uploaded files in a gallery form.

Multiple File Upload
(more…)

Split and Export into Multiple Excel Sheet Files using PHP

When we are dealing with huge volume of records export into excel or CSV, we cannot blindly export them into a file. Imagine we have a million records, what would happen if we export those records into a single excel file! In this kind of situation, we should group the records and split them into multiple files so that it will be easy to handle them.

Split and Export into Multiple Excel Sheet Files using PHP
(more…)