UI

Creating Multilingual WordPress site using Google Language Translator

Google Language translator is one of the popular WordPress plugins used for language translation. It is used to add multilingual support for ...

March 12th, 2018

Twitter Like Character Count Validation using jQuery

Twitter uses character count to restrict number of characters input by the user on a text input area. We can see many websites having conten ...

February 8th, 2018

jQuery Credit Card Validator

In this tutorial, we are going to see, how to do credit card validation using jQuery. When the user submits his card details, then the jQuer ...

January 10th, 2018

Loading Dynamic Content on a Bootstrap Modal using jQuery

Modal window can be shown in various ways by using jQuery, Bootstrap and others. In this tutorial, we are going to show the Bootstrap modal ...

December 28th, 2017

Sticky Social Icons in Sidebar using jQuery

Sharing webpage to the social media is used to gain enormous reach for our webpage. So adding social icons to the webpage is very important ...

November 18th, 2017

Bouncing Ball Animation using jQuery

This article is to create a bouncing ball animation effect using jQuery. Just a quick fun post. This animation effect is created based on di ...

October 23rd, 2017

jQuery Custom Dropdown with Checkbox

In this tutorial, I will present about creating a custom dropdown box which has list of options with checkboxes. In this custom UI field, mu ...

September 23rd, 2017

jQuery Parallax Slider

In this tutorial, we are going to see how to create a jQuery slider with parallax animation effect. In a previous tutorial, we have already ...

August 29th, 2017

Automatic Column Hiding using CSS in Responsive Table

In this tutorial, we are going to see how to create a responsive table with automatic column hiding. I used only HTML and CSS to hide column ...

June 30th, 2017

Responsive Datatables with Automatic Column Hiding

Responsive Datatables allows automatic column hiding based on the size of the viewport. The responsiveness can be added by specifying class= ...

June 27th, 2017

↑ Back to Top