Drupal 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.

Drupal is a very popular CMS, especially for larger projects and corporate websites. These tutorials primarly show how to add infinite scrolling by combining jQuery with Drupal’s pagers, although some show how to implement endless scrolling using custom scripts.

Transform any Drupal pager into an autopager – Infinite Scroll pager

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.

Creating an Infinite Scroll Masonry Block Without Views ThinkShout

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.

Drupal behaviors: A quick how to Amazee Labs Drupal

This is a tutorial about modifying Drupal behaviors using jQuery, written by Victor Kunzig. This includes modifying the infinite scroll add class.

How to Implement Infinite scrolling using native javascript and yui3

This is a tutorial written by Ravikiran Janardhana on how to implement infinite scrolling using native browser JavaScript and yui3 in a Drupal website. This includes algorithms and describes some fundamental concepts in achieving infinite scrolling effects.

Drupal 7 + Masonry Cristina Llamas

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.

Implementing Infinite scroll instead of boring pagers – Amitav Roy

This is a tutorial written by Amitav Roy about implementing infinite scrolling instead of the standard pagers in Drupal websites. The tutorial is consists of codes for the controller, the model, and the jQuery-based JavaScript to implement the effect.

Drupal 7 – Autoload View rows when scrolling down like Twitter

This is a very quick tutorial (5 steps) made by YKYUEN about creating an autoload page in Drupal 7 using jQuery plugin.

ThinkShout: Creating an Infinite Scroll Masonry Block Without Views

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.

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.

Parallax Web Design Resources

Parallax Technologies

Tools to create parallax scrolling websites: jQuery, Skrollr.js, Stellar.js, CSS

Parallax Tutorials

A Simple Parallax Scrolling Tutorial about how parallax scrolling works.

Tutorials for creating parallax websites using: jQuery | Stellar.js | Skrollr.js | CSS

Infininite Scrolling Web Design

Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.

Infinite Scroll Tutorials

Tutorials about how to build an infinite scrolling website, including: WordPress, Drupal, Blogger, jQuery, Jetpack, Masonry, Isotope, and the Infinite-Scroll plugin for WordPress.

Infinite Scroll, Card Design Tutorial

How to build an infinite scrolling website with card design using Masonry, AJAX, JavaScript, PHP, and MySQL.

Website Crawlers

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.

Website Crawler Tutorials

Website Tools

These tools are designed to help you build your website, add content, and improve your website’s appearance.

Javascript Graphing Libraries

Node.js Tutorials

How to install, program for, and implement Node.js for scalable and easy server-side Javascript for quick AJAX-style processing.

Parallax Website Design Techniques

Create websites with parallax scrolling using: jQuery.js | Stellar.js | Skrollr.js | CSS

Reveal.js

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.

Website Theme Research

Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.

Theme Forest Analysis Report

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.

Analysis of Parallax Scrolling in Website Themes

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.

WordPress Themes

Top Ranked WordPress Themes

The best WordPress themes for a new website, as calculated by our WordPress Theme Search Engine. These themes are selected for reliability, quality, popularity, and many other factors.