Skip to content

paulmotz/JavaScript30

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript30

These are my implementations of Wes Bos' https://JavaScript30.com challenge. In most cases, I added a feature of my own.

Notes on my implementations

1 - JavaScrupt Drum Kit

Users can click to play a certain sound rather than just using the keyboard.

Playback of sounds doesn't reset current playback in Safari.

2 - JS + CSS Clock

I made every hand on the clock look unique. I also fixed a bug in the version of the code that I forked.

3 - CSS Variables

No changes (yet).

Safari does not support a pretty color picker

4 - Array Cardio Day 1

No changes since this was just a test of some array methods.

5 - Flex Panel Gallery

No changes (yet).

6 - Type Ahead

No changes (yet).

Does not work in Safari since it does not support fetch.

7 - Array Cardio Day 2

No changes since this was just a test of some array methods.

8 - Fun with HTML5 Canvas

I changed the color range and line width. TODO: I plan on allowing the user to do this using CSS variables.

9 - Dev Tools Domination

No changes as this was an instructional step.

10 - Hold Shift and Check Checkboxes

I fixed what I consider to be a bug where if a user checks and unchecks a box it is still considered to be checked for the purpose of shift clicking.

An example of the "buggy" behavior: -There are 9 checkboxes -A user checks then unchecks the first box -A user shift clicks the fifth box -Boxes 1-4 which were unchecked are now all checked.

11 - Custom Video Player

TODO: I plan on adding a full screen button

12 - Key Sequence Detection

My implementation allows multiple words and adds some fabulous details

13 - Slide in on Scroll

To be completed

14 - JavaScript References VS Copying

No changes as this was an instructional step.

15 - LocalStorage

I added buttons to remove all items from local storage and to check/uncheck all items

16 - Mouse Move Shadow

Changed colors and position but no non cosmetic changes made

17 - Sort Without Articles

Now works with Safari (solution does not)

18 - Adding Up Times with Reduce

Completed

19 - Webcam Fun

Completed, added green and blue effects

20 - Speech Detection

Made changes to styling so that there is not a blank line after the most recent text.

21 - Geolocation

To be completed

22 - Follow Along Link Highlighter

Added a fade in effect for the first link highlighted. In solution, bubble transitions in from top left which is not a link location.

23 - Speech Synthesis

To be completed

24 - Sticky Nav

To be completed

25 - Event Capture, Propagation, Bubbling and Once

To be completed

26 - Stripe Follow Along Nav

To be completed

27 - Click and Drag

To be completed

28 - Video Speed Controller

To be completed

29 - Countown Timer

To be completed

30 - Whack A Mole

To be completed

About

30 Day Vanilla JS Challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 86.4%
  • CSS 8.6%
  • JavaScript 5.0%