Sliders

This section contains agency-quality web design tutorials as they relate to various implementations of slider functionality on websites

Web Design Sliders

How to Add Icon Boxes to Your Homepage Slider

Spice up your website's branding cohesion with simple icon boxes with a homepage slider.

Scott Madara | June 26, 2018

Web Design Sliders

Add Text Transitions to Your Hero Sliders

Spice up your hero carousel sliders by adding text transitions.

Scott Madara | March 13, 2018

Sliders Web Design

Adding a Realtime News Slider to Your Web Design Project

Using Slick Slider, we can add slider capabilities to a standard news module so your users can easily browse your most recent content

Scott Madara | April 11, 2017

Sliders Web Design

Adding a Customer Quote Slider using jQuery

In this article, you will learn how to add a slider of customer quotes to your website.

Matthieu McClintock | March 15, 2017

Web Design Sliders

Adding a Popup Slider to Your Website

Popup sliders combine the best elements of each namesake. Information is overlayed on top of your body content, thus preserving crucial space within your design.

Scott Madara | February 13, 2017

Web Design Sliders

Creating an Action Grid Slider on your Website

Using Bootstrap and Slick Slider, you can customize your own action grid slider that provides immediate access to these popular links and helps facilitate engagement.

Matthieu McClintock | February 07, 2017

Web Design Sliders

Creating a Company Stats Slider for your Website

A slider displaying company stats can be a game changer in converting site visitors if implemented correctly...

Scott Madara | December 13, 2016

Web Design Sliders

Adding an Infinite Client Logo Carousel to your Website

Showing off your roster of clients is one of the best ways to establish your credibility as a business or organization online...

Matthieu McClintock | November 15, 2016

Web Design Sliders

Crafting a Hero Slider with sliderPro.js

This tutorial will show you how to craft an elegant slider for your website using sliderPro.js.

Matthieu McClintock | October 11, 2016

Web Design Sliders

Build a Hero Slider with Pure JavaScript

Learn how to build a slider with pure JavaScript and no third party plugins.

Scott Madara | September 26, 2016

Web Design Sliders

Add a Showcase Slider to your Website

This article teaches you how to add a showcase slider to your website using FlexSlider.

Scott Madara | September 08, 2016

Web Design Sliders

Adding a Hero Slider to your Website

In Part I of our FlexSlider Series, we provide you with the code you need to easily add a hero slider to your website using FlexSlider.

Elena Roig | August 31, 2016

Web Design Sliders

Designing a Customer Logo Carousel with Solodev

Nothing shows potential customers your credibility more than a stream of company logos sliding across your homepage...

Scott Madara | August 30, 2016

Web Design Sliders

Lazy Loading Images using Slick Slider

In Part 4 of our Slick Slider Series, we will show you how to lazy load your slider images...

Scott Madara | August 18, 2016

Web Design Sliders

Adding Animation to your Hero Slider

In Part III of our Slick Slider Series, we will show you how to add animation to your Hero Slider using animate.css by Daniel Eden.

Matthieu McClintock | August 01, 2016

Web Design Sliders

Adding a Hero Slider to your Homepage Using Slick Slider

An effective homepage slider provides users with the most valuable content on your site aligned with your goals and prompts them to take action. In Part I of our Slick Slider Series, we provide you with the code you need to easily add a hero slider to your homepage using the robust and mobile responsive Slick Slider by Ken Wheeler.

Matthieu McClintock | July 14, 2016

Sliders

How to Add Icon Boxes to Your Homepage Slider

Add Text Transitions to Your Hero Sliders

Adding a Realtime News Slider to Your Web Design Project

Adding a Customer Quote Slider using jQuery

Top Five Slider Implementations for your Website

Adding a Popup Slider to Your Website

Creating an Action Grid Slider on your Website

Creating a Company Stats Slider for your Website

Adding an Infinite Client Logo Carousel to your Website

Crafting a Hero Slider with sliderPro.js

Build a Hero Slider with Pure JavaScript

Add a Showcase Slider to your Website

Adding a Hero Slider to your Website

Designing a Customer Logo Carousel with Solodev

Lazy Loading Images using Slick Slider

Adding Animation to your Hero Slider

Adding a Hero Slider to your Homepage Using Slick Slider

Try it Free for 14 Days

Home

Product

Product

Product

Company

Company

Resources

Resources

Get Help

Get Help