SuperHi FM

Search:

Catalog Cart About Sign in

Javascript for Designers

Brux

Chapter 05

Brux

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Introduction to Brux

Lesson 02

Setting up our HTML

Lesson 03

Header styles for Brux

Lesson 04

Adding in CSS generic styles

Lesson 05

Adding in CSS layout styles

Lesson 06

Header scroll threshold

Lesson 07

Adding a box shadow on scroll

Lesson 08

Animation setup

Lesson 09

Looking at tag bounding rectangles

Lesson 10

Applying animations

Lesson 11

Adding animation on upwards scroll

Lesson 12

Adding movement with the mousemove effect

Lesson 13

How to use trigonometry with Javascript

Lesson 14

Moving our face's eyes

Lesson 15

Accounting for scroll for our animation

Lesson 16

Timeouts and intervals in Javascript

Lesson 17

Adding intervals for randomness

SuperHi FM

Want some ambient music in the background? Play our radio station!

Words of Womxn

Next: Chapter 06

Words of Womxn

Jenna Buchholz

Back: Chapter 04

Jenna Buchholz

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

We extend our Javascript events knowledge by talking more about scroll and mouse movement events to add design elements such as fade on scroll and eyes that follow your cursor.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes