jQuery Infinite Scrolling Website Tutorials
Infinite scrolling is a great way to keep visitors engaged while showing them a lot of content. Using the endless scrolling technique, you can show your visitors multiple articles on the same page without them having to click to a next page, or show them a large number of content parts without having to load the all initially, saving valuable load time and keeping your visitors on your site.
An informational tutorial made by Mohd Hadihaizil Din introducing the use of jQuery plugin in creating infinite scroll pagination. The step-by-step procedures in this tutorial explain how to build infinite scrolling into a website.
This is a well-described tutorial by Ezequiel Bruni on implementing infinite scrolling on websites in a simple way using jQuery and Masonry plugins. The article shows how to apply infinite scrolling for static websites sites, WordPress sites, and for Tumblr themes.
A good tutorial by Shaumik Daityari regarding the implementation of infinite scrolling using jQuery. The steps are well-organized showing the difference in building a website from basic HTML/CSS up to the end data.
Another interesting tutorial by web designer in creating an infinite scrolling gallery quickly using jQuery. The procedures are clear, and intended for developers implenting infinite-scrolling-based pagination in their website.
This is a series of 5 demos compiled by Sam Deering on how to create infinite scrolling using jQuery Masonry plugin together with an infinite scroll plugin.
This is a tutorial started by Zach Millman on how to create infinite scrolling with jQuery using Kaminari for pagination, and jQuery for the Infinite Scroll functionality.
This is a tutorial made by CTRL Q on how to add infinite scrolling to a WordPress website without using a plugin. The tutorial uses WordPress’s AJAX functionality to create the infinite scroll effect.
This is an AJAX-based infinite scroll tutorial, made by Sanjeev Shrivastava, implementing functionality through a combintation of jQuery, PHP, and MySQL. It is consists of codes using the custom script.js code for the browser side and scroll.php library for the server-side.
This is a tutorial made by Christian Varga on creating a simple infinite scroll effect. The tutorial uses a combination of jQuery for the browser side and Ruby on Rails for the server side.
This is a tutorial made by WP Theming on using jQuery in to produce endless scrolling with the jQuery plugin jScroll.
This is a tutorial made by Script Tutorials on using jQuery and Masonry plugins to create an infinite scrolling similar to Pinterest. This tutorial uses PHP and HTML in implementing the infinite scrolling.
This is a tutorial made by Huy Dinh Quang about creating infinite scrolling in a Blogger website using jQuery Ajax scrolling, a jQuery plugin, and Masonry. The tutorial is composed of a live demo and a step-by-step tutorial with codes in creating inifinite scrolling on the page
This is a tutorial made by Johnny Simpson about creating an infinite scrolling website to load more content pagination with custom jQuery code using AJAX and PHP.
This is an article made by Sonny M. Day describing various jQuery infinite scrolling plugin. This includes 15 jQuery infinite scolling examples to showcase how the plugins work on websites.
This is an article and a tutorial by Amel Mehenaoui assessing whether parallax effects and infinite scrolling are hurting SEO. This focuses on describing the challenges in implementing infinite scrolling techniques that are friendly to search engine crawlers, and ways to improve implementations to be more usable by search engines.
This is a step-by-step tutorial by Rishabh Jain about adding infinite scrolling to a default Blogger template. This include a demo for implementing pagination well.
This is a tutorial made by John Henry Donovan about implementing infinite scrolling in ExpressionEngine (EE) using jQuery plugin and Masonry libraries. This includes a method for pagination and a limiting parameter set.
This is a tutorial made by Mohammed Yaqoob on adding infinite scrolling to a Blogger website using a jQuery plugin. This include a demo showing the implementation of pagination with infinite scrolling.
This is a tutorial by Suprotim Agarwal about creating infinite scrolling on a website using ASP.NET Web API Data Service for the server-side and the KnockoutJS jQuery plugin for the browser-side. This includes step-by-step procedure for the implementation each step.
This is a tutorial made by Linden Walsh about creating infinite scrolling in a WordPress website using the waypoints.js jQuery plugin. This tutorial also includes a demo of layouts for posts.
This is a tutorial by Jany Martelli about using the Isotope plugin with Twitter Bootstrap to create an infinite scrolling, fluid and responsive layout. Isotope is similar to the Masonry library, and is created by the same developer.
This is a tutorial, authored by Fabio, on how to create a responsive infinite scrolling. The tutorial uses jQuery and responsive templates, along with HTML and CSS to implement the endless effect.
This is a tutorial made by Build Themes for adding infinite scroll and a grid layout in Tumblr blogs using Infinite Scroll and jQuery plugins, in combination with the Masonry library. This includes HTML and CSS codes for creating pagination on the page.
This is a question-and-answer forum on Stack Overflow on how to implement infinite scrolling with jQuery and Masonry.
This is a question-and-answer page on Stock Overflow on creating an endless, infinite scroll effect using jQuery for the browser-side, PHP for the server-side, and MySQL to store the data.
This is a tutorial about implementing infinite scrolling using a jQuery plugin that progressively enhances the page using the jQuery plugin. This include demo and codes demonstrating how jQuery works with infinite scrolling.
This is a tutorial made by Design Lunatic about creating infinite scrolling effects using Isotope and jQuery. It also provides a live demo and source files for download.
This is an article and a tutorial published on Mega Hit Mag about adding infinite scrolling using jQuery. This article lists 14 plugins, examples, and tutorials for creating infinite scolling.
This is a tutorial published on Code Diesel about creating an infinite scroll page using jQuery. This include codes for implementing proper pagination with the endless scrolling effect.
This is a tutorial by Ben Nadel on creating an infinite scrolling webpage, combining jQuery and ColdFusion.
This is a tutorial made by Ali Gajani about using Laravel 4 for pagination, Masonry for layout, and jQuery for scripting.
This is a tutorial published on Narga on how to make a WordPress theme support Jetpack’s infinite scroll features. This include code to properly implement pagination.
This is a tutorial made by Neil Patel on how to create an SEO friendly infinite scrolling page by combining Jetpack and jQuery code. This includes examples of infinite scrolling pages, problems encountered on infinite scrolling, and the step-by-step ways on fixing those problems.
This is a tutorial that was made by Justin Long about implementing infinite scroll in an ExpressionEngine website using jQuery and AJAX for dynamically loading content.
This is a tutorial by Nicolás Bistolfi about creating an infinite scrolling webpage by using AJAX and jQuery. This includes codes that dynamically construct infinite scrolling in the webpage.
This is a tutorial published on WP Template about how to add infinite scrolling to WordPress using jQuery.
This is a tutorial by Ian using about adding infinite scrolling to a WordPress site. This tutorial uses a combination of jQuery and PHP to implement the endless scroll effect.
This is a official tutorial about the infinite-scroll plugin for WordPress themes. This includes photographed steps for activating infinite scrolling using the plugin.
This is a tutorial made by Ravalika Medipally about adding endless scrolling to a WordPress the infinite-scroll plugin. This include codes on how to configure the plugin settings.
This is a tutorial made by LindenWalsh about using the waypoints.js jQuery library to create an infinite scrolling webpage. This also include code for defining layouts and setting up the AJAX scripts.
This is a tutorial on how to add infinite scrolling effects on the WPViews WordPress website theme.
This is a tutorial written by by Thomas Davis about the creating a simple infinite scrolling effect with data from the Twitter API-Backbone.js. This include codes to build a widget for the Twitter data that pulls in tweets and shows them on a webpage.
This is a tutorial published on the official Drupal website about how to transfor a Drupal pager into an autopager thereby creating an infinite scrolling effect and an endless page.
This is a tutorial written by Alex Ellison in creating an infinite scroll website in Drupal using a Masonry content block without views using. This include code for applying and triggering infinite scroll functions.
This is a tutorial about modifying Drupal behaviors using jQuery, written by Victor Kunzig. This includes modifying the infinite scroll add class.
This is a video tutorial made by Cristina Llamas about the combining Drupal 7 and Masonry Masonry library. The tutorial includes 2 videos, one about using jQuery Masonry and the other about integrating Masonry with infinite scrolling to create the final effect.
This is a tutorial made by Jeremy Herve about setting up Jetpack’s infinite scroll module to give easy access to all of your WordPress blog’s posts. This include processes on how to include Jetpack’s features.
This is a WordPress infinite scroll tutorial made by Ante Sarkkinen using jQuery and the Jetpack plugin.
This is a tutorial published on Pixel Union about creating an infinite scroll progress bar using jQuery and the Jetpack plugin. This includes code about: declaring support, in creating the click handle, events, making progress bar, and the finite plugin to make implementation easier.
This is a tutorial written by Janine Dalton about the creating infinite scrolling with a manual trigger in ExpressionEngine using jQuery.
This is a tutorial by Miz Lizz in creating an infinite scrolling effects with a Masonry block without using the Views plugin in jQuery for Drupal websites.
This is a tutorial made by Jake Johnson about building a pseudo-infinite infinite scrolling tweet scroller with the Twitter API, jQuery, and Masonry library.
This is a tutorial written by Luigi Petrut about adding CSS loading effects for grid images loaded in a WordPress infinite scrolling website. This includes jQuery, Masonry, HTML, CSSS code for pagination.
This is a tutorial published on Okilla about creating an infinite scrolling WordPress website with jQuery and Masonry for layout. This include codes for integrating AJAX in Google analytics and jQuery-based Masonry.
This is a tutorial published on Digitallyy about how to build an infinite-scrolling WordPress site with Masonry for layout, the infinite-scroll plugin, and jQuery for coding.
This is a tutorial published on Tech Brij about creating an infinite-scrolling website with jQuery and Masonry for the browser-side and ASP.NET for the server side.
This is an infinite scrolling jQuery demonstration made by Chandra Sekar using jQuery and the Masonry library in WordPress. This include codes for implementing the Masonry plugin, jQuery usage, and infinite scrolling with AJAX.
This is a tutorial made by Noura Yehia in creating an infinite scrolling WordPress site in 6 steps. To achieve the endless scroll effect, it uses jQuery and the Masonry library.
This is a tutorial written by Suprotim Agarwal about implementing infinite scrolling using ASP.NET web API data service and knockoutJS with jQuery.
This tutorial details how to use Masonry to create an infinite scrolling website with jQuery code and a grid created with the Masonry library. This include 6 steps on how to initialize the process and get the site running.
This is a tutorial about using iScroll to create an infinite scrolling website with jQuery.
This is a quick tutorial about implementing infinite scrolling with jQuery. The tutorial explains how to implement the Masonry library and create the endless scrolling effect using custom jQuery code.
This is a tutorial about creating an infinite scrolling effect with the Django CMS. It has code for pagination settings, setting up AJAX, using custom jQuery code, and implementing pagination chunks.
This is a tutorial about using the jQuery-paged-scroll library for implementing infinite scrolling on a website. It includes code for setting up options, using custom jQuery, and infinite scrolling.
This tutorial by Ben Nadal shows creating a bidirectional infinite scroll page. Creating an infinite-scroll style effect using jQuery and ColdFusion, loading new content with AJAX.
This is an article from zyxware on how to use a jQuery Plugin to create infinite scrolling and paging. It centers around using a simple jQuery infinite scroll plugin called jmscroll, and provides instruction how to use it.
This is a tutorial from Brigade Engineering. It provides steps implementing “lazy load” or “autopager” or “endless pages” infinite scroll with React Waypoint.
This is another tutorial from WPStudio creating a new Genesis child theme called Plastic with a masonry layout with infinite scroll. This article also gives an example on how it looks and provide steps for it.
This a tutorial by Thomas Davis about creating a infinite scroll effect easily with the Twitter API. The writer also provide codes and creates a low-footprint and easily loaded system.
Parallax Web Design
Parallax website design moves one part of your website at a different speed than the rest of your page. This often creates a 3D-like effect, adding depth and interest to your webpage design. The resources, including themes, tutorials, and examples, are designed to help you build a website with parallax scrolling.
Infininite Scrolling Web Design
Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.
Looking to download a lot of data? Need to find the exact information in a gigantic internet haystack that you are looking for? These resources are designed to help you build spiders, crawlers, and other tools to obtain data from the internet.
These tools are designed to help you build your website, add content, and improve your website’s appearance.
Website Theme Resources
Website themes are an easy to create a great website quickly. They provide a beginning point for you to build your websites, giving you layout, code, and functionality to work with. These resources are made to help you find the right theme to help you start building your website.
Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.
Our Fall, 2014 Theme Forest Analysis Report shows a major shift in the theme marketplace. The empirical assesment of Theme Forest over a 28 month period indicates a series of interesting trends and patterns.
Our assement of the popularity of parallax scrolling in website themes published on Theme Forest shows that parallax design elements are an increasingly popular trend.
How to find WordPress and Drupal themes licensed under the GNU Public License. These themes offer increased freedom and the ability to use your theme on multiple sites.
These themes are built for use with the Drupal content management system. Drupal is wonderful and quite popular for business websites.
Themes for creating parallax-scrolling 3D-depth-like effects and animations as visitors scroll down a page.
Themes built for making professionally designed portfolios.
Themes built for making small, medium, and large business websites.