Category Archives: Games

A game is structured playing ( Wikipedia )

Rainbow Games Double Transformation Tutorial

Posted on by

We were on the “road to personalization” for the web application game we started with yesterday’s Rainbow Games Primer Tutorial when “an old chestnut” came up again. It’s happened before, the desire to “double transform” in CSS came about from … Continue reading →

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

Sushi Train Circuit Game Tutorial

Posted on by

In today’s Sushi Train Circuit Game we use yesterday’s Circuit Webpage Primer Tutorial as the underlying webpage design basis. Many things in life are based on circuits. Think electronics, think racing, think cycling velodromes, think roller derby, think ice skating, … Continue reading →

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

CSS3 Button Animation Transition Game Sharing Tutorial

Posted on by

There are some familiar “items” with today’s additional functionality to yesterday’s CSS3 Button Animation Transition Game Tutorial … and some other matters we encourage you to consider, the primary one of these being … the benefits of multiple class HTML … Continue reading →

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

CSS3 Button Animation Transition Game Tutorial

Posted on by

The recent CSS3 Transition Game Tutorial had us examining CSS3 (Cascading Style Sheet) specification “Transitions” as tools for animation styling. Today we … apply such “transition” thinking to the animation of HTML button elements (as inspired by https://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_animate1 thanks) … … Continue reading →

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

Very Versus Too Game Primer Tutorial

Posted on by

There are heaps of nuances to web application design, in our eyes, where we like to discuss it in terms of (an issue often involving) … overlay … and/or … reveal … and as you might guess above, our “nuance” … Continue reading →

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

HTML/Javascript Multiple Choice Quiz Reveal Tutorial

Posted on by

The previous HTML/Javascript Multiple Choice Quiz Administration Tutorial saw us create a Multiple Choice Quiz based on the “pub quiz” style game called Eggheads “where a challenger team of 5 tries to defeat a champion team of 5 in a … Continue reading →

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

HTML/Javascript ESL Indirect Speech Game Tutorial

Posted on by

We have a new ESL (or “English as a Second or Foreign Language”) game on the topic of Indirect Speech, and getting the tense correct, with some English sentences we present in the game. We thank How English Works by … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , | Leave a comment

PHP/Javascript SVG YUI Geometry Tracing Tutorial

Posted on by

We came across another great “Geometry Tracing” functionality possibility the other day. It revolved around using the excellent YUI (by Yahoo) library of Javascript functionality, and we wanted to integrate it into yesterday’s PHP/Javascript SVG Geometry Tracing Tutorial start to … Continue reading →

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