JavaScript Tips and Tricks
Once you've learned the basics, there are a bunch of cool JavaScript-ey things you can learn to to simplify your life. These tutorials showcase some of those cool things!
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
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
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
Shenanigans
- 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
