Cool Beans

• CSS Variables + JavaScript = Win!

• Page Navigation on Click

• Preloading Images

• Detecting If the User is Idle or Inactive

• Custom Data (data-*) Attributes

• Storing Data Using Web (aka Local) Storage

• Making HTTP Requests in JavaScript

• Displaying PHP Data in HTML

• Generating Random Numbers

• Generating Random Colors

• Variable and Function Hoisting

Doing More with Arrays

• Arrays

• Mapping, Filtering, and Reducing Things in an Array

• Useful Array Tricks

• Shuffling an Array

• Picking a Random Item from an Array

• Hashtables vs. Arrays

• Swapping Items in an Array

• Filtering Items In A List

• Removing Duplicate Arrays from an Array of Arrays

Device Stuff

• Getting the Mouse Click Position

• Getting the Mouse Movement Direction

• Check If You Are On a Touch Enabled Device

• Accessing Your Webcam in HTML

• The Battery Status API

• Playing Sounds Using the Audio Element

Shenanigans

• The Konami Code Challenge

• The Devowelizer

• Dynamically Create and Populate List Items

• Going from a String to a Number

• Checking If A File Exists

• Rounding Numbers

• Detect Whether a Font is Installed

• Using Emojis in HTML, CSS, and JS