Skip to content
Soundboard webpage project to play sample set of sounds
HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
icons
.gitignore
MarkupMastersSummary.txt
bootstrap-soundboard.html
bootstrap.css
bootstrap.js
gears.svg
gears_original.svg
hw3 - dark.html
hw3-dark.css
hw3-dynamic.html
hw3-jquery.html
hw3.css
hw3.html
hw4-login.html
hw4-signup.html
index.html
logo.png
main.css
manifest.json
markup_masters_trackjs.png
offline.html
packet.json
readme.md
service-worker.js
soundboard-part2-2.html
soundboard.css
trackjs1.png
trackjs2.png

readme.md

Group: Markup Masters Andy Thai Magdalena Ninette John Hurst

Writing the version using the JQuery library ended up being pretty much the same and not any easier than writing the VanillaJS version.

The file size of the JQuery version is 337.4KB while the VanillaJS version is 254.6KB.

The load times of the JQuery version is 198ms while for the VanillaJS version it is 166ms.

We used TrackJS to automatically log errors and to check if javascript is loaded in the user browser, and if not, it outputs an error to us.

When attempting to load our page as an extension. Chrome does not recognize icons if we list them as an array But if we do not list them as an array, the page does not pass the lighthouse test. We left it as an array, so that it would pass the test.

Screenshots are available at: https://b-b2dcd.firebaseapp.com/markup_masters_trackjs.png https://b-b2dcd.firebaseapp.com/trackjs1.png https://b-b2dcd.firebaseapp.com/trackjs2.png

You can’t perform that action at this time.