Getting Checkbox Value in jQuery
In HTML Form, the dropdown, checkbox type fields have an array of value. In this post, we are going to see how to get the… Read More »Getting Checkbox Value in jQuery
JavaScript
How to Rotate Image using jQuery
In this tutorial, we are going to rotate image 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 image transform property.
Read More »How to Rotate Image using jQuery
How to Create 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.Read More »How to Create Bootstrap Contact Form with JavaScript Validation and PHP
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.Read More »How to Make Online Photo Editing Effects like Blur Image, Sepia, Vintage
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.
Read More »How to Create Custom Image File Explorer in PHP