Convert It All

Unit Converter App built in React and Ruby on Rails

Memory Game (Tutorial Demo)

HTML5, CSS3 and Vanilla JavaScript Memory Game

Note Display (Tutorial Demo)

VanillaJS Note Display from Awwwards website.

Type Ahead

Search with results as you type.

Calendar

Angular 5 calendar

Nested Flexbox

What the Flexbox - WesBos: nested flexbox.

Monsters Rolodex

React monster filter app from Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL)

Brazil Population Choropleth

Brazil's states and counties population D3 Choropleth in Vanilla JS

Whack a Mole

Whack a mole game.

Countdown Clock

Countdown clock.

Video Speed

Video speed control.

Click and Drag

Click and drag to scroll.

Stripe Follow Along

Follow along menu dropdown.

Sticky Nav

Sticky main navigation on scroll.

Speech Synthesis

Speech Synthesis API - text into voice.

Follow Along Links

Mouse seeker link highlight.

Geolocation

Geolocation: position and speed.

Speech Recognition

Speech Recognition API.

Webcam

Apply filters and take screenshots with the webcam.

Video Length

Calculate the video length of a channel.

Array Sort

Sort bands names excluding articles.

Moving Shadow

Text shadow moves along with the mouse.

Local Storage

Save your menu to the local storage.

Slide in Scroll

Slide in images on text scroll.

Key Sequence Detection

Enter the secret word to see what happens!

Html5 Video Player

HTML5 Video Player. Controls for volume, speed, advance and return.

Multiple Check

Check multiple checkboxes holding shift.

Html Canvas

Draw in the Canvas!

Flex Image Gallery

Flexbox vertical image gallery.

Css Variables

Set an image spacing, blur and color through CSS variables

Clock

Analogic clock.

Drum Kit

Drums in the keyboard.

Loading Heart

Loading Heart CSS Animation

Mobile Layout

What the Flexbox - WesBos: mobile layout.

Pricing Grid

What the Flexbox - WesBos: Pricing Grid.

Mobile Reorder

What the Flexbox - WesBos: flexbox ordering.

Leftover Elements

What the Flexbox - WesBos: Leftover elements.

Inline Form

What the Flexbox - WesBos: Airbnb Flexbox inline form.

Circular Slider

CSS only circular slider.