This is Ziyan's JavaScript Wonderland

CSS positioning, style, transform, Date object.

Guided by Wes' JavaScript 30.

CSS3 variables, HTML5 data attributes, style.setProperty.

Guided by Wes' JavaScript 30.

Flex Panels Image Gallery

CSS Flexbox, event-based transitions.

Guided by Wes' JavaScript 30.

An autocomplete search bar for US cities & states.

Fetch API, RegExp, promises.

Guided by Wes' JavaScript 30.

HTML5 canvas, Hue Saturation Lightness (HSL), DOM events.

Guided by Wes' JavaScript 30.

Hold Shift to Check Multiple Checkboxes.

Adding/removing DOM elements, element multi-select, MouseEvent.shiftKey

Guided by Wes' JavaScript 30.

With the ability to play, pause, fast forward & rewind in multiple spots plus change the volume and playback rate.

Data-* attributes, textContent, change/timeupdate event listeners.

Guided by Wes' JavaScript 30.

Key Sequence Detection

Guided by Wes' JavaScript 30.

Images Slide In (as you scroll down)

window.innerHeight, offsetTop

Guided by Wes' JavaScript 30.

When you refresh the page, the information still there

LocalStorage and Event Delegation

Guided by Wes' JavaScript 30.

This challenge provided multiple voices to choose from that read your input text. You can change the voice pitch and speed.

SpeechSynthesisUtterance

Guided by Wes' JavaScript 30.

Allow user to click and drag the content horizontally.

Offsets, scrolling calculations

Guided by Wes' JavaScript 30.

This challenge included building a countdown clock which was started by clicking on pre-determined time intervals or entering in the number of minutes.

Guided by Wes' JavaScript 30.

Making a game where a user tries to click on the mole that randomly pops up.

Event.isTrusted

Guided by Wes' JavaScript 30.

HTML5 Canvas, animations, JavaScript prototyping.

Guided by Airbrake