Rock band on stage

Drum Kit (01)

An interactive soundboard

Edit Last updated 02/05/2018
A clock

Clock (02)

A clock using CSS transform and JavaScript

Edit Last updated 03/10/2018
An application that changes styles using input selectors

Updating CSS Variables (03)

Using input sliders, update the CSS variables set on the root element.

Edit Last updated 03/09/2018
Playtime with arrays and prototype functions

Array Cardio (04)

Processing data with arrays and prototype functions.

Edit Last updated 03/11/2018
A gallery of outdoor images featuring a fox with the words 'give all you can'

Flex Panel Image Gallery (05)

Using CSS transforms and tansitions, make an interactive feature that allows you to highlight one image and message

Edit Last updated 05/14/2018
A selectbox showing highlighted cities for the query 'Montana'

Ajax Type Ahead (06)

Dynamically match the query with a list of cities and states provided via a JSON file and highlight matches.

Edit Last updated 11/26/2019
code for array manipulation

Array Cardio Day 2 (07)

More manipulation on arrays using some, every, find and findIndex functions.

Edit Last updated 12/02/2019
a rainbow colored drawn cat

HTML Canvas (08)

Creating and manipulating the stroke tool for an HTML Canvas element.

Edit Last updated 03/21/2020
error consoles shown in browser log

Dev Tools (09)

Different methods of using console logging for debugging.

Edit Last updated 03/29/2020 08:23
checkboxes with strikethrough lines

Checkbox Range (10)

Hold shift to check multiple checkboxes.

Edit Last updated 04/22/2020 17:38
a video on a blue background

Video Player (11)

Create custom controls for an HTML5 video.

Edit Last updated 07/16/2021 10:42
sparkly cats and unicorns when typing mew

Key Sequence Detection (12)

Amazing suprises await when you type 'mew!'

Edit Last updated 07/18/2021 12:32
sparkly cats and unicorns when typing mew

JS Reference VS Copy (13)

How to copy arrays and objects so they don't screw up the original.

Edit Last updated 09/04/2021 12:06