[an error occurred while processing this directive]

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
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

The KIRUPA Newsletter

Thought provoking content that lives at the intersection of design 🎨, development 🤖, and business 💰 - delivered weekly to over a bazillion subscribers!

SUBSCRIBE NOW

JavaScript Tips and Tricks

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

The KIRUPA Newsletter

Follow:

Popular

Loose Ends