30-days-of-js

A compilation of mini projects, using HTML, CSS and plain javascript

Projects:

DrumKit

A basic drum kit, that allows you to play audio when pressed the indicated key on the picture.

Check it out

Clock

An analog clock that shows the current time.

Check it out

Css-vars

A simple webpage to dynamically alter css using inputs.

Check it out

A beautiful image gallery that transitions and expands when a photo is clicked.

Check it out

A simple webpage that filters out the cities that contains the given query.

Check it out

Paint Canvas

A canvas for you to show your creativity on. Hold the mouse button and start painting :)

Check it out

Multiple Checkboxes

An attempt to implement multiple selection. Try holding shift and clicking to select all the checkboxes in between.

Check it out

Video Player

A custom video player with beautiful controls and volume and speed controller.

Check it out

Key Sequence

A short project, which generates a random image when you type in a secret code (‘konami’)

Check it out