With jQuery you can create excellent ways to increase the interaction with the users. One such way is by creating a jQuery Scroll to Element feature. With this, you can create internal links on your web page, and when a person clicks on any such link then he is scrolled to the specific element.
This is very handy specially when the web page is quite large and with these internal links users are taken directly to the specific topics on the page.
(more…)
The jQuery Infinite Scroll feature has become quite common now days. Different websites including Facebook and Twitter are already using it. This feature helps in creating Auto Paging (not link-based paging) in a web page so when a user scrolls down to the bottom, the next page's content are automatically loaded. This continues on and on.
This feature is not only fast but also very good for the visitors as they don’t have to click on the page links given at the bottom of the web page.
(more…)
When there is an AJAX call then the jQuery AJAX Events are fired during the life cycle of this AJAX call. We can use these events to show custom message to users, or do other operations.
The jQuery Post method is an AJAX method that fetches data from the server using HTTP POST. You can use it to call server page like .php or .aspx.
Let us understand all about the jQuery Post method in details.
jQuery.post( url [, data ] [, success ] [, dataType ] )(more…)
What you will learn ?
I’m going to show how to fetch contents from text files and database by using this method.
The full codes can be downloaded by the link given at the end of this tutorial.
In short: you will master this method.
The jQuery Get function is used to make AJAX calls and can be helpful to update a web page with partial page reloading. It uses HTTP GET method to initiate an AJAX request and fetch data from the external pages.
Let us understand all about this method in details.
This is the most comprehensive guide to jQuery AJAX on the planet.
The best part?
I’m going to show you 7 ways to implement jQuery AJAX in your website.
In short: if you want to implement jQuery AJAX, you’ll love this guide.
Let’s get started.
The best part ?
I’m going to show you how to fetch contents of external files (HTML, TEXT, XML, JSON) with the .load() method. In the end, I will also read data from database using this method.
The full codes can be downloaded by the link given at the end of this tutorial.
In short: you’ll love this guide.
Let’s get started.
The jQuery Load method is the simplest yet powerful enough to fulfill all your AJAX requirements. It can load data from external files (like HTML, TXT, XML, JSON) asynchronously.
It's syntax is given below:
$(selector).load(url,data,callback);(more…)
This Tutorial will teach you how to integrate Bootstrap 4 menu in your WordPress Theme. You can use it to make your WordPress Menu Responsive i.e. the menu will be collapsed and toggleable in mobile screens, but for tablets and computer screen (big screens) it will remain fully visible.
(more…)
Every website contains some images, videos and a Navbar at the top. They should all be responsive i.e. fits to every screen sizes. And for this purpose we use Bootstrap framework.
In this tutorial I will explain all these things from scratch and help you to make every Image, Video and Navbar mobile friendly using Bootstrap 4.
If you are a beginner in Bootstrap 4 then I would recommend to first read the below tutorial:
(more…)
If you are looking to use Bootstrap in your website then this tutorial will teach you from the starting point. You just need a basic knowledge of HTML and CSS to use Bootstrap. After completing this tutorial you will reach an expert level from where you can develop any sort of responsive website.
In this tutorial I will use Bootstrap 4 and 5 in a web page to make it responsive. You can also check this tutorial - What is Bootstrap, to learn about the offerings of this framework in depths.