jQuery Treeview with Checkboxes

jQuery treeview

The jQuery Treeview plug-in The treeview plug-in is used to create a tree of data that can be presented to the users along with checkboxes. The plug-in name is Treeview which you may download from the Github website here. See the following section for live examples of using the treeview jQuery plug-in. The example will … Read more

A jQuery/JS Countdown Plug-in with 4 Demos

JavaScript countdown style

The jQuery countdown plug-in This jQuery countdown plug-in can be used for websites with “Coming Soon” or “Under construction” status entirely or for a section of the website. You may also use this countdown plug-in for launching a particular feature or app, an offer, etc. on a website. The cool point is that you may … Read more

jQuery based Full screen responsive menu: 2 demos

jQuery full screen menu custom

The full-screen responsive menu In certain website designs, you may need to have a full-screen menu that overlaps the entire content that is visible to the user. In this tutorial, a jQuery plug-in is used for creating the responsive full screen menus. The menu, as clicked from the top right, will overlap the visible content … Read more

jQuery scrolltop: 2 demos

jQuery scroll top left

The scroll-top jQuery plug-in If you are looking to give an option to the visitors of your website for moving top of your web page by using an up arrow then I am going to show you a jQuery based solution for that. The jQuery plug-in, ap-scroll-top, can be used easily with flexible options in … Read more

3D Flip Animations by using jQuery: 3 Demos

jQuery flip animation

3D flip animations and jQuery In this tutorial, a jQuery plug-in is used for creating 3D flip animations. The plug-in name is “flip” which can be downloaded from this link. You may specify the back and front content differently for the “card” used for animation. The animation may occur as you bring the mouse over … Read more

jQuery Password Strength Indicator: 3 Demos with Bootstrap

Bootstrap password strengt

The password strength indicator plug-in On your websites, you may have secured forms for creating user accounts that ask for certain information including creating a password. In order to implement strong passwords, it’s a good practice to guide a user during the account creation process that how strong their password is. The bigger email websites … Read more

CSS 3 long shadow text by using jQuery: 3 demos

Query shadow demo

The CSS 3 shadow and jQuery The CSS 3 shadow property can be used for creating shadows of text in your web pages. In CSS 3 text-shadow property, you have to specify the horizontal and vertical shadows along with optional blur and color options. For example: See online demo and code In this tutorial, a … Read more

jQuery Lightbox with Zoom Functionality

jQuery lightbox zoom digit

The zoom functionality in lightbox images In this tutorial, I am going to show a jQuery lightbox plug-in that enables your visitors zooming the part of an image. In another tutorial, I used the simple plug-in for showing images in lightbox while using the Bootstrap framework. By using this plug-in, the gallery of images can be displayed … Read more

Minimize / Maximize modal of Bootstrap by using jQuery: 3 Demos

jQuery Bootstrap modal resize-click

The modal and minimize/maximize options As using the modal component of Bootstrap 3 framework, you saw it allows closing the modal window by clicking on the cross button or by adding an option, it can be closed by clicking anywhere outside of the modal window area. This is the normal behavior and options available in … Read more

jQuery Password Reveal plug-in for Input type password

jQuery password reveal plug-in Sometimes, you may need to reveal the characters entered by the user in a password field. For example, your account creation form has a password field along with a confirm password field. You want your visitors to see the characters entered in both fields to confirm that they are matching each … Read more

jQuery scrollspy plug-ins with demos

jQuery scroll spy

The scrollspy plug-in If you have long content web pages with links within itself for letting users navigate through it then you may use a scrollspy plug-in for updating the links in navigation based on the position. The links within the webpage’s content are created by using a “#” in the anchor tag. I will show … Read more

A jQuery / CSS3 Image Pre-Loader Plug-in with 3 Demos

jQuery pre loader colors

The image pre-loader plug-in The preloader for images can be used for loading the images backward while users will see this “processing” loader in the meantime. This light-weight plug-in is particularly useful if you have a number of heavy images to load and you want users not to leave the web page. The jquery_img_preloader is … Read more