Learning jQuery

Any developer can tell you that code will render differently depending on the browser, which can be a real hindrance to cross-browser compatibility. There are CSS hacks that can be used to determine what browser code is running on, but these can only be used to change styling, not HTML. If you want to dynamically […]

In this post, find jQuery code to convert the input type text to UPPER CASE, lower case, Title case and Pascal Case. The case conversion is done once the focus is out from the input text box. However, you can use keypress event also to show the conversion in real time. Here is the code […]

jQuery makes it super easy to dynamically add a class (0r several classes) to any HTML element(s) using only one line of code and the .addClass() method. This trick can be really useful if you want to change the styling of a particular element depending on certain conditions, which you can define using jQuery code. […]

In this post, find a compiled list of 12 jQuery image crop or resize plugins. These plugins comes with easy to use interfaces to crop images, and they also support responsive cropping, image uploading and drag and drop of selected area for cropping, live preview and touch gestures. 1. Cropper Cropper is a jQuery plugin […]

There are many reasons a developer may want to disable right-click on their websites. While it's not always considered a best practice, it's definitely doable and can actually be achieved quite easily. With jQuery it's really simple to disable right-click on your site. All you need to do is add this snippet to your scripts: […]

Push menu is a design concept where a menu (initially hidden) appears either from left to right or from right to left. And in that process it pushes the main content. It works great for mobile devices but it also works quite well on desktops, as it gives enough space for your main content. So […]