Category Archives: Games

A game is structured playing ( Wikipedia )

HTML Drag and Drop Image Events Tutorial

Posted on by

Recently we’ve been talking about the client side of web applications, and you could say we’ve been concentrating on Javascript mouse events, and very recently, the drag and drop variety of mouse events. Today we revisit all that, but take … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , | 1 Comment

HTML Canvas Memories Game Drag and Drop Tutorial

Posted on by

The Canvas HTML element tag combines with some drag and drop event Javascript logic today with our revised Memories Card Game we first developed some time back with HTML/Javascript Canvas Memories Card Game Primer Tutorial as shown below. In the … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, GUI, Tutorials | Tagged , , , , , , , , , | 4 Comments

HTML Colour Coded Tic Tac Toe Drag and Drop Tutorial

Posted on by

Today we revisit the Javascript client drag and drop events for non-mobile platforms. Do you remember when we presented HTML/Javascript Canvas Tic Tac Toe Game Drag and Drop Tutorial as shown below, where we created a drag and drop game … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, GUI, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

HTML/Javascript Homonyms Game Tutorial

Posted on by

ESL (or “English as a Second or Foreign Language”) is a term for the study of English as a Second Language, and is of particular relevance to immigrants to English speaking countries from non-English speaking backgrounds. One of the most … Continue reading →

Posted in eLearning, ESL, Games, Tutorials | Tagged , , , , , , , , , , , , , , | 12 Comments

HTML/Javascript PopUp Mouseover Event Game Tutorial

Posted on by

Are you … a fan of Mission Impossible amazed when Rafael Nadal avoids walking on the lines when accidentally dropping your toast, hoping it lands butter up …? If you scored 2 or above … please read on. If you … Continue reading →

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

HTML/Javascript Music Chord Game Tutorial

Posted on by

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

Posted on by

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

HTML5 Dialog Element Primer Tutorial

Posted on by

HTML5 brought with it many great features to front-end work on the internet in HTML, and today we talk about one of the newly introduced, and very useful, elements called “<dialog>”. At its core the “<dialog>” element represents a popup … Continue reading →

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