Interactivity

Creating menus, link lists, anchors, and custom interactive events.

15 articles in this collection
Written by Travis Williams

Basic Interactivity

Hover States

How to add hover effects to page elements.

Written by Travis Williams
Updated over a week ago

Creating Basic Hover States (1:44)

An example of how to create a simple hover state for an element.

Written by Travis Williams
Updated over a week ago

The Link Manager

Adding internal page links, external links, and anchor links to your page elements.

Written by Travis Williams
Updated over a week ago

The Anchor Element

Add anchor links to your page for within-page navigation.

Written by Travis Williams
Updated over a week ago

The Link List Element

Create a reusable group of links to add navigation or dropdown menus to your site.

Written by Travis Williams
Updated over a week ago

Custom Interactions and Animations

Getting Started with Interactions

An introduction to creating interactive components and animations using Brandcast's Interactions framework.

Written by Travis Williams
Updated over a week ago

Creating an Interaction

A walkthrough of how to use the Interactions Panel to create a basic interactive animation.

Written by Travis Williams
Updated over a week ago

The Interactions Panel

An in-depth look at the tools and options for creating and editing interactions.

Written by Travis Williams
Updated over a week ago

Custom Interactions: Tutorials

Fade-in Elements on Scroll

Use Interactions to make elements of your design fade into view as the user scrolls down the page.

Written by Travis Williams
Updated over a week ago

Create a Pop-Up Dialog

Use Interactions to create a dismissable modal window that “pops up” over top of your website.

Written by Travis Williams
Updated over a week ago

Creating a Mobile Menu

Use Interactions to create a full-screen, animated takeover menu that's ideal for mobile devices.

Written by Travis Williams
Updated over a week ago

Create Clickable Tabs

Use Interactions to show and hide content based on which tab a user selects.

Written by Travis Williams
Updated over a week ago

Create a Full Screen Takeover Menu

VIDEO: Use Interactions to create a full-screen, animated takeover menu that's ideal for mobile devices.

Written by Travis Williams
Updated over a week ago

Create an Animating Menu Icon

VIDEO: Use Interactions to create a mobile-friendly, animated menu icon -- without using any image assets.

Written by Travis Williams
Updated over a week ago

Create a Pop-Out Menu

VIDEO: Using Interactions to create an animated menu that rolls out from the side of the screen.

Written by Travis Williams
Updated over a week ago