Skip to content

CSS

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

  • by

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.

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

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

jQuery-AJAX-Autocomplete

jQuery AJAX Autocomplete – Country Example

  • by

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 event of the input field. This function requests PHP for the list of countries via AJAX by sending the value of the input field. In PHP, it reads country names from the database that starts with the keyword entered by the user.

Read More »jQuery AJAX Autocomplete – Country Example

hero-recaptcha-demo

Google New reCaptcha using PHP – Are you a Robot?

  • by

Today i would like to show you how to implement Google New reCaptcha using PHP. I like the new design it is clean and impressive, hope you will like it. reCaptcha protects your website for spammers and robots, in this post I had implemented new reCaptch API system with HTML login form using PHP. I like the new design it is clean and impressive, hope you will like it. Please take a look quick look at the demo.
hero-recaptcha-demo
Read More »Google New reCaptcha using PHP – Are you a Robot?

JavaScript Auto-filling one field same as other

  • by

Often when creating a form on a web page, you need your customers to fill out a field such as a mailing address, as well as a billing address. Instead of having your customers fill out the form twice, you can use JavaScript to copy the form’s data from one field to another.

You might have noticed that sometimes websites like e-commerce or some government website have two address fields in their forms.One for primary address and another for secondary address(or one for billing address and another for shipping address etc).
Read More »JavaScript Auto-filling one field same as other