Tag Archives: HTML

HTML/Javascript Music Chord Game Tutorial

Yesterday we wrote a musical pitch game for one note at a time and today we extend that functionality to allow the user to guess the characteristics of musical chords and intervals played for them by this MIDI music web … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , , | 7 Comments

HTML/Javascript Music Pitch Game Tutorial

Yesterday we continued on with the MIDI music web application (as you can see below with HTML/Javascript/PHP Compose Music Tutorial) we’ve been working on almost to the point of it being useful to be called upon within an HTML iframe … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , , | 25 Comments

HTML/Javascript/PHP Compose Music Tutorial

Yesterday we set up the MIDI music web application we’ve been working on to take the first steps with composing, with HTML/Javascript Music Follow Up Tutorial as shown below, and as you may recall from this the idea that the … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , | 5 Comments

HTML5 Track Element Primer Tutorial

HTML5 brought in quite a few new HTML element types (which you can read more about here) and one very useful one appears in the HTML code snippet as below … <video controls> <source type=”video/ogg; codecs=”vp8, vorbis”” src=”http://www.rjmprogramming.com.au/PHP/videos/GoToMeeting.ogv”></source> <track kind=”subtitles” … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , | 10 Comments

HTML/Javascript Music Primer Tutorial

We discovered some great HTML and Javascript code to help make music with a web application, and for this we want to thank and congratulate mudcube for some really great software. In addition to that we found at The Glass … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , | 22 Comments

HTML/Javascript Staged Animation Meter Presentation Tutorial

Slideshows can be a great way to present information. A slideshow is a form of animation that at its fastest is like a movie, where the images overlay on top of each other so fast our brains declare it a … Continue reading →

Posted in Animation, eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , , , | 12 Comments

HTML/Javascript and PHP Quiz Meter Tutorial

A quiz is a fairly common way to learn, and a short answer or multiple choice quiz is easy to design with HTML and Javascript. We did this back with HTML/Javascript and PHP Quiz Tutorial as shown below, and it … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , | 15 Comments

HTML5 Meter Element Word Count Tutorial

HTML5 brought with it many great features to front-end work on the internet in HTML, and today, we continue on from the previous HTML5 Meter Element Progress Bar Tutorial as shown below, we talk about one of the newly introduced, … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | 33 Comments