2020-09-26 07:56
Top 10 jQuery Animation Library and Plugins 2020:The internet wouldn't have been as futuristic as it is if it hadn't been for jQuery. With more than a decade of upgrades behind jQuery, it re… Read More
Blog Directory > Software Blogs > Programming Blogs > jQuery By Example programming Blog >
Jquery By Example Blog
jquerybyexample.blogspot.com
Tags:
jquery
zoom
plugin
scrolling
library
brilliant scrolling effects
jquery animation library
template
bootstrap
onepage
Learn jQuery by examples and how to tips. Know jQuery functions, tutorials, jQuery UI, Selectors, Ajax, Plugins, jQuery interview questions and codes.
2020-09-26 07:56
Question: What is jQuery UI?Answer: JQuery UI, is a framework built on top of JQuery with effects, widgets, and central themes which mainly depend upon the JavaScript library. If you need to… Read More
2020-09-26 07:56
5 best carousel Jquery plugins for 2020:It’s needless to say that a boring an plain web page will never catch an audience's attention. Of course, we all know holding a user’s att… Read More
2020-09-26 07:56
10 Brilliant Scrolling Effects using jQuery:Extended scrolling sites have been a trend for quite some time. The coolest ones are the sites with parallax scrolling as we discussed in this art… Read More
2020-09-26 07:56
3 Best jQuery Books for BeginnersjQuery arguably the best JavaScript library which is open source. It has completely changed client-side web development, taking it further than just using Ja… Read More
2020-09-26 07:56
15 Best One Page website template using HTML5 2020:We have been seeing a big trend of creating single page or one-page websites over the past few years. This is partly due to jQuery and HTML… Read More
2020-09-26 07:56
10 Best jQuery plugins for image zoom:jQuery plugins are handy when it comes to showing details of images. Many plugins and various tutorials are present on the web, which can help you creat… Read More
2020-09-26 07:56
The Future of Jquery Mobile and Jquery UI:Have you heard of JQuery Mobile or JQuery UI? If not, it might be due to their lack of funding. Lately, the last few years have been very hard on th… Read More
2020-09-26 07:56
How the Bootstrap 4 Grid WorksNormally we love talking about jQuery here, but today we’re going to dive right into Boostrap! The Bootstrap grid is quite magical, and as we love working… Read More
2020-09-26 07:55
Add a Magnifier for Images using jQueryWhat is a Magnifier for Images? An image magnifier is the zooming ability of your cursor point. This is where you can place your cursor on top of an el… Read More
2017-10-25 16:05
Animation
Animation looks pleasing to the eye, but creating animation is not an easy job. It’s important to take into account the effect that animations can have on performance… Read More
2017-10-17 21:14
The
web layout made famous by Pinterest is
quite popular due to its responsive design and unique grid arrangement. Many
web designers have adopted the same design for their websites, and… Read More
2017-10-11 06:21
Remove HTML Table Row and Column using jQuery
The ability to remove rows or columns from the HTML table is a nice feature to have as it allows users to temporarily remove unnecessary inform… Read More
2017-10-04 20:23
A wizard is a very useful UI component that allows you to present complex or lengthy tasks in a sequence of dialog boxes or well defined steps. The wizard is the ideal choice for presenting… Read More
2017-09-27 01:34
The Read More functionality is a very familiar feature that you will come across on blogs or websites with long content, like news websites. This feature allows you to compress content and… Read More
2017-09-20 21:34
JavaScript has come a long way and evolved over the years. There was a time when developers were frustrated with JavaScript issues on the client side and had nightmares to fix cross-browser… Read More
2017-09-13 22:36
HTML tables are a very handy and useful element. They can adapt to any style or design using CSS and can also hold different input type controls like an input box, checkbox and radio button… Read More
2017-09-04 23:03
An array is a commonly used data structure in any programming language as it can hold a collection of elements, each identified by at least one array index or key. It is the preferred choic… Read More
2017-08-22 18:14
Adding interactive animations can give a fresh look to any website! Many websites use a background image to cover the complete visible screen. Today we'll see how to add an interesting effe… Read More
2017-08-02 20:40
Text link ads are a very popular way of monetizing any
website. Text link ads are simple links which, upon clicking, will take you to
the sponsor’s website. One of the nice feature… Read More
2017-06-12 18:11
This simple and straightforward jQuery code snippet can be used to easily create a "scroll to top" effect on any of your pages or projects. If you've not familiar with the scroll to top conc… Read More
2017-06-05 21:03
Sometimes, web developers just wanna have fun. If you can relate to this, then you'll probably love this list we put together of 3 of our favorite super fun jQuery plugins that you can add t… Read More
2017-05-31 12:00
If you're not designing and coding every single project that you do with mobile in mind, then you're probably doing something wrong. Even if you're not coding mobile first designs, they shou… Read More
2017-05-22 19:47
Giving fixed positioning to elements is a great way to keep them visible on the page no matter how much or how far a user scrolls. Fixed positioning can be achieved easily using CSS -- it on… Read More
2017-05-15 22:37
Ad blocking software is becoming increasingly prevalent among internet users, for a number of reasons. The most important of which is that, often times, ads can really decrease a user's expe… Read More
2017-05-10 22:37
Optimize your jQuery selectors for best performance
Introduction
Over time, the data size has increased for nearly every application. Due to huge amount of data residing in various data… Read More
2017-05-08 19:21
cThe ability to add a map functionality to your site can be a big deal -- especially if the website in question represents an actual establishment that users can visit. In that case, the fac… Read More
2017-05-02 17:07
If you want to add an audio player to your website or project, building one out by yourself isn't exactly your best option. Doing so would be extremely time consuming and probably not worth… Read More
2017-04-24 21:06
Adding a login and registration functionality to your website is a great thing to be able to do. Not only is it a cool feature, but it also opens up a lot more possibilities for your site in… Read More
2017-04-17 20:55
With rich text editors (also referred to as What You See is What You Get editors -- which is often abbreviated to WYSIWYG) make it easy for anyone to add styled, formatted text to the interw… Read More
2017-04-10 18:13
Adding a cropping functionality to your site is definitely a cool feature to include on any project, and a great way to give your users access to a really useful functionality If you're not… Read More
2017-04-02 22:29
Including smoothed, polished transitions is a fabulous way to make your projects look sleek and professional. Animated transitions are the perfect finishing touch to add to a website, but wr… Read More
2017-03-28 01:40
The parallax scrolling effect allows you to move the background content (i.e. an image) at a different speed than the foreground content while scrolling. It is very trendy these days to use… Read More
2017-03-26 22:26
Pop-up modals are a great way to increase engagement on your sites. You an use them as exit pop-ups to collect emails, you can use them to display content or forms, and you can use them to s… Read More
2017-03-21 23:37
There’s no doubt about it, animation is pleasing to the eye. When a computer user thinks about Animation, "Flash" is often the first program that comes to mind. However, computer savv… Read More
2017-03-19 23:41
Creating your own file uploading functionality on your website is more trouble than its worth in most scenarios. With dozens of different free, lightweight, and customizable jQuery plu… Read More
2017-03-13 01:10
Coding your own custom responsive menu can definitely be more trouble than it's worth. If you're looking for an easy way to implement responsive menus on your site, using a jQuery plugin to… Read More
2017-03-08 05:01
The HTML table is the preferred DOM element for displaying data in tabular format because it provides a simple yet attractive look and feel that catches user attention. HTML tables are hand… Read More
2017-03-06 02:37
If your site is in the ecommerce sphere, then chances are that there are a lot of plugins that might be of interest to you. Not only would plugins be able to add functionality to your sites… Read More
2017-03-01 06:50
Charts are the ideal way to represent text data in a graphical form with regards to UI, and it also enables you to present complex data in a simple way. With many free and ready to use jQue… Read More
2017-02-28 06:46
Auto Complete is a really useful functionality that most of us have probably used many times before. The way it works is that when you start typing into an input field (a search field, for e… Read More
2017-02-20 03:46
Creating grids and tables for storing, organizing, and interacting with data and content can be done using HTML, but they can also be created quickly, easily, and more dynamically by using a… Read More
2017-02-13 03:01
There are so many free jQuery plugins available to use in your projects that it can be hard to stay on top of the latest and the greatest. If you're looking for some new plugins to add some… Read More
2017-02-07 00:06
New to jQuery and looking for some help to make sure that your code is correct? Or are you a seasoned JavaScript pro who can't seem to find that one little bug in your code that seems to be… Read More
2017-02-01 03:26
If you’re a bookworm looking to learn JavaScript or jQuery, this list is for you. Any of these books are great resources to learn the fundamentals of both JavaScript and jQuery and wi… Read More
2017-01-22 23:54
Tipsy is a jQuery plugin that creates a Facebook like tooltip effect generated from an anchor tag’s title attribute. It’s easy to use, really lightweight, and super customizable… Read More
2017-01-17 09:38
1. Back to Top Button
$('a.top').click(function(){
$(document.body).animate({scrollTop : 0},800);
return false;
});
This code can be used to create a smooth, simple back to top but… Read More
2017-01-07 20:46
Sometimes the coolest jQuery plugins are the ones that really don’t serve a purpose at all.
1. Bacon!
Bacon! (don’t forget the exclamation point!) exists literal… Read More
2017-01-01 16:17
It's fairly easy to get the coordinates of your cursor using jQuery. While this information might not be particularly useful to a lot of developers, there are definitely occasions where the… Read More
2016-12-26 16:09
If you've ever worked with improperly formatted code before, you know what a total pain it can be to edit, add to, and even understand. Formatting is really important when it comes to jQuery… Read More
2016-12-18 19:15
With winter's sudden arrival and the holidays fast approaching, you may find yourself in the market for a plugin that allows you to add a falling snow effect to any of your pages. Our fallin… Read More
2016-12-11 22:17
Often when a jQuery form is submitted, it can accidentally happen more than once. Depending on the server speed or the internet connection, the request to submit the form can go through slow… Read More
2016-12-04 21:21
There are tons of jQuery plugins available for any kind of text animation. But the use of jQuery plugin should depend on what are you trying to achieve. One should be very careful while usin… Read More
2016-11-26 18:20
Looking for cool, different ways to style your buttons? With customizable colors, shapes, and hover effects, the styling possibilities are seemingly endless, and choosing how to design your… Read More
2016-11-20 13:29
It's possible to write your own form validations, but with so many jQuery plugins available to do it for you, it's often a lot easier, simpler, and most importantly, quicker, to use a plugi… Read More
2016-11-13 13:23
A lot of developers and coders probably agree that one of the best way to learn a new coding language, skill, or technique is to do so by learning and experimenting in a hands-on, interactiv… Read More
2016-11-07 20:27
Although creating a mobile app might seem like a daunting task even for the most experienced web developers who don't have much mobile experience, the truth is that most skilled developers c… Read More
2016-10-31 19:22
Here are 8 handy jQuery code snippets for your next project. These jQuery code snippets are super handy and can make your life easy for handling small things efficiently. These snippets all… Read More
2016-10-24 15:51
It is a good idea to change the page title to something catchy when the user moves to a different tab to catch his attention. This can help to get the user to come back your website. So in… Read More
2016-10-10 09:55
Notification bars on top of a page is a feature to display important messages to catch a website visitor’s attention. There are plenty of plugins available to display notification bar… Read More
2016-09-25 14:53
jQuery 3.0 is the newest version of jQuery and it’s already out. There are many new features, bug fixes and deprecations of old methods. In this post, find a quick and short summary o… Read More
2016-09-19 13:43
We feature a lot of plugins on this site, so chances are if you're looking for a particular type of plugin, you'll be able to find that here. Just in case, the following is some code that wi… Read More
2016-08-28 17:03
Here are 8 handy jQuery code snippets for handling images. These snippets show how to handle broken images, showing loading images when the main image is downloading, preloading images, add… Read More
2016-08-15 20:29
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, imag… Read More
2016-07-25 21:22
These days almost all the websites are using cookies to store information in your browser. And as per the EU cookie law, it is advisable to let your user know that your website is creating… Read More
2016-06-27 19:35
Single page applications or one page scroll websites are new and very popular trend these days. These websites look quite attractive while using vibrant colors to catch the attention of the… Read More
2016-04-27 13:07
In this post, find a compiled list of jQuery plugins to integrate Vimeo videos in your website. These plugins allow you to create Vimeo background as video, customize them, create Vimeo vid… Read More
2016-03-16 17:06
In this post, find a compiled list of 15 jQuery plugins that can be used to create sticky headers, footers, sidebars or navigation. Some of the plugins in list below allow you to stick any… Read More
2016-02-29 17:19
In this post, find a compiled list of latest interesting jQuery plugins. These plugins are fresh, interesting, simple and lightweight. You may find them useful for your next project!
1. Des… Read More
2016-01-04 15:46
In this post, find a list of jQuery plugins to enhance your HTML tables. Using these plugins you can redesign your table, create a table from CSV or JSON, apply sorting and filtering the ta… Read More
2015-12-22 17:11
Social presence for any website is must. And you need to give your users a way to share the content on various social platforms. In this post, find a list of jQuery plugins to add social sh… Read More
2015-11-10 17:06
In this post, find a complied list of jQuery plugin to integrate flip animations. These plugins provides flip effects to images, text, image gallery, clock and any DOM element.
1. flip… Read More
2015-10-27 13:31
Google’s material design is becoming
popular due to better user experience, eye catching animations and its
simplicity. In this post, find a complied list of jQuery plugins which hav… Read More
2015-10-13 19:07
Instagram is the most popular online
photo-sharing and social networking service which allows users to take a
picture, apply a digital filter to it, and share it on a variety of social
net… Read More
2015-09-15 13:44
Showing password as and when user is typing is you see a lot these days on various smart phones app and mobile device specific websites. As it gives indication of what user is typing on sma… Read More
2015-09-08 15:58
Lightbox is great way to display large
images on modal window and if you wish to have a lightbox which works not only
on desktop but also on tablets and smart phones. And for that you need… Read More
2015-08-24 16:16
These days having a responsive website is
must as many users use their smart phones to perform all their online
activities, rather than desktop. So in this post, find a compiled list of… Read More
2015-08-18 17:27
We can simply parse the current URL elements using window.location JavaScript object. Window.location object contains information about the current URL. For example, to find out protoco… Read More
2015-08-05 16:34
1. Prideify.jshttps://github.com/alexpeattie/prideify
Prideify.js is inspired by facebook.com/celebratepride - a super-lightweight library (~100 lines of… Read More
2015-07-01 16:09
Any good
web developer or designer has a web presence of their own and whether you are applying for a full time position or a freelance gig, having an impressive website can close the deal… Read More
2015-04-14 07:28
It's been 9 years since the first release of jQuery and since then it has come a long way. And in these years, jQuery has made an immense impact on website development. But it's always excit… Read More
2015-04-02 00:00
In this short post, find jQuery code to share any content on whatsapp. The code first checks for mobile device and if it's a mobile device then it just creates whatsapp URL with user defined… Read More
2015-02-18 13:10
In this post, find a compiled list of 10 best jQuery image crop or resize plugins. All these plugins present very useful and beautiful interface to crop the image. Some of these plugins also… Read More
2015-02-05 04:31
Are you thinking about learning AngularJS and don't know where to start? Recently, I had posted about 4 Free ebooks to learn AngularJS and if you don't want to read those long books to start… Read More
2015-02-04 04:26
EBooks are your best friends and it is the most preferred way to learn anything, and it is no different with AngularJS. Here is a list of 4 free best ebooks which helps you to learn AngularJ… Read More
2015-01-31 18:21
For debugging JavaScript/jQuery code, the easiest and preferred way is to use console.log() to output a message in web console. But it works fine when you have small amount of logging messa… Read More
2015-01-31 15:42
Here is a quick and short summary of mostly used AngularJS utility functions. These short summary will be quick help you to find out desired function.angular.bootstrap - To manually start up… Read More
2015-01-17 21:36
Welcome to our new revamped website. We were working very hard from last couple of weeks to get this major redesign implemented. And here we are today with new fast, attractive, responsive a… Read More
2015-01-08 05:33
Recently in my previous post, I have posted about Different ways of bootstrapping AngularJS app, where you can either auto-bootstrap using ng-app attribute or manually bootstrap using angula… Read More
2015-01-08 02:37
With continuation of AngularJS interview question series, after Part 1, here is list of 2nd set of 10 AngularJS interview questions and their answers. These interview questions covers mainly… Read More
2015-01-07 01:53
With continuation of AngularJS interview question series, after Part 1 and Part 2, here is list of 3rd set of 10 AngularJS interview questions and their answers. Latest AngularJS interview q… Read More
2015-01-07 01:53
Last year we published Latest jQuery interview questions and answers and thank you for your overwhelming response. And now we have come up with latest AngularJS interview question. These int… Read More
2015-01-06 03:30
With continuation of AngularJS interview question series, after Part-1, Part-2 and Part-3, here is list of 4th set of 10 AngularJS interview questions and their answers. Latest AngularJS int… Read More
2014-12-16 03:30
AngularJS is neat and superheroic JavaScript MVW (Model View Whatever) Framework which allows to extend HTML capabilities with Directives, expression, two way binding. In this post, we will… Read More
2006-06-07 11:16
Collection of 10 Awesome jQuery mobile/ responsive slider plugins.
We all know that mobile site or a responsive site has become a must have thing and how important images and content sliders… Read More
2006-06-07 11:16
In this post, find jQuery code to convert ASP.NET GridView data into CSV format which is sometimes quite useful for exporting purpose. This can be also be done using server side code but tha… Read More
2006-06-07 11:16
Collection of 10 Awesome Mobile Menu plugins and tutorials.
Due to high usage of smartphones, creating mobile apps, mobile site or responsive site has become a must have thing which helps to… Read More
2006-06-07 11:16
Collection of 10 awesome jQuery lazy load plugins.
Lazy loading of images is a technique to delay loading of images on the webpage without interrupting loading of complete page. It is quite… Read More
Subscribe to Jquery By Example
Get updates delivered right to your inbox!