Hero

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

Web Design Sliders

Add Text Transitions to Your Hero Sliders

Spice up your hero carousel sliders by adding text transitions.

Scott Madara

Web Design

Adding a Popup Video to your Hero Image

When it comes to content, video is king. This article shows you how to add a video to your hero image that will popup when clicked.

Elena Roig

Web Design

Adding Infinite Animated Hero Text with jQuery

In this article, Solodev will show you how to add animated hero text to your website using jQuery.

Matthieu McClintock

Web Design

Creating a Hero with a Featured Video

Brands are increasingly using video to engage with website visitors due to higher conversion rates. This article will show you how to add a hero to your homepage with a featured video.

Elena Roig

Web Design Form Tutorials

Adding a Form to your Hero Image

A hero image is the ideal place for a form that can better direct the behavioral flow of a visitor and their next actions.

Matthieu McClintock

Web Design

Adding a Hero Video to your Homepage

Sometimes a graphic isn't enough for the hero of your homepage. This article shows you how to add a hero video to your homepage using jQuery.

Elena Roig

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

Web Design

How to Create a Parallax Hero Image

A Parallax Hero Image creates a depth and transition effect when scrolling down your web page and makes website navigation seamless.

Matthieu McClintock

Web Design Sliders

Build a Hero Slider with Javascript and jQuery

Learn how to build a slider with just JavaScript and jQuery.

Scott Madara

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

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

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