#JavaScript30

JavaScript Drum Kit

Play the drums with key-events!

JS and CSS Clock

Simple analog clock with transforms

CSS Variables

How to change CSS variables

Array Cardio Day 1

Basic and practical exercises with Arrays

Flex Panel Gallery

A simple but elegant flex-gallery

Type Ahead

Intuitive data search with a twist

Array Cardio Day 2

Basic and practical exercises with Arrays (II)

Fun with HTML5 Canvas

Simple canvas

Dev Tools Domination

Cool set of console tricks

Hold Shift and Check Checkboxes

A todo-list with checkboxes

Custom Video Player

Simple custom video player with fullscreen option

Key Sequence Detection

Custom Konami code

Slide in on Scroll

Article with images that appear as you read

JavaScript References VS Copying

Console examples to distinguish references and copying

LocalStorage

Example of how to use the browser's local storage

Mouse Move Shadow

Flashlight effect with the mouse

Sort Without Articles

Put into practice what we learned in the Array Cardio days

Adding Up Times with Reduce

Examples of array.map and array.reduce

Webcam Fun

Use LocalMediaStream interface to take some pictures with your webcam

Speech Detection

Speech Detection, but it only works on Google Chrome

Geolocation

A simple and smart compass

Follow Along Link Highlighter

Learn how to work with coordinates

Speech Synthesis

A funny and easy speech Synthesis

Sticky Nav

Cool navbar that sticks to the top of the site

Event Capture, Propagation, Bubbling...

Simple example to understand how event capture works

Stripe Follow Along Nav

A navbar that auto-resize itself

Click and Drag

Nice and different carousel

Video Speed Controller

A simple video player with video-speed controller

Countdown Timer

Reinventing the pomodoro timer

Whack A Mole

Simple, competitive and stressful game