Matthew Hill

Languages Used:

HTML

CSS

PHP

JavaScript

JQuery

If you would like to visit the site, please click here.

This group project was amazingly fun to do. First, we got to play around with teaching someone something through the web and on top of that we to build a few fun features into the website.

The nav bar design I made here was a fretboard. I wanted to drive home the whole guitar thing, all the colours used and everything else on the page was meant to remind you of the guitar. The faded edges around all the boxes were intentional as they made everything appear to fade gently into everything else.

The problems & My solutions:

The biggest problem I ran into with this project is the time crunch, while there was no easy solution for this it could have been avoided given some better group planning.

The second biggest problem I faced was the hover over the strings to play the note ability, this only had me stumped for about thirty minutes, but that was more than enough time to make it memorable for me. The answer was simple enough since the Guitars were SVGs it was all a matter of calling upon the string and writing a command to play the corresponding note. I achieved this effect using some jQuery code as I wanted to try using jQuery as I had used it along with a classmate on the last project and wanted to try it for myself on this one.

Overall I enjoyed this project; it taught me a lot about JavaScript and jQuery usage for tasks such as playing a note when you hover over a string.