Tag Archives: cards

HTML Square Horizontal Rule Mobile Image Map Jigsaw Tutorial

The recent HTML Square Horizontal Rule Editable Image Map Jigsaw Tutorial left us with an Image Map creator in its early days, not very good at handling a mobile platform’s needs to … apply inline CSS HTML styling to the … Continue reading

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

HTML Square Horizontal Rule Editable Image Map Jigsaw Tutorial

Adding to yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Tutorial, today we add logic to be able to … Edit the image map via an HTML div contenteditable=true element showing the image map’s outerHTML representation … as well as … Continue reading

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

HTML Square Horizontal Rule Image Map Jigsaw Tutorial

We like the image editor GIMP’s Guillotine functionality we last talked about at Gimp Guillotine Follow Up Memory Tutorial and wanted to start out creating image maps in a similar vein, and remembering back to hard copy digitizing days and … Continue reading

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

HTML Square Horizontal Rule Memories Card Game Tutorial

Back to the grid and line and vertex work of the recent HTML Square Horizontal Rule Graph Multiple Numerics Tutorial, today we add on some functionality to its underlying web application’s grid underpinnings which is a card game called Memories, … Continue reading

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

Five Hundred Card Game Flow Tutorial

Sometimes web applications need that “modal” quality that the Javascript popup boxes, specifically our use of the window.alert([information]) Javascript popup window for the Five Hundred Card Game. The reason is that given the Javascript client side’s lack of a true … Continue reading

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

Five Hundred Card Game Bidding Tutorial

We’re introducing another Card Game into the mix of the Draw Poker and Pontoon functionality from the Draw Poker Card Game Bidding Tutorial of a couple of days back. That card game is Five Hundred, and if you know this … Continue reading

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

Draw Poker Card Game Bidding Tutorial

Yesterday’s Pontoon Card Game Bidding Tutorial added a “bidding” functionality part to our Pontoon Card Game web application, and set us to thinking of introducing another card game into the mix that capitalises on the potential synergies with Pontoon, and … Continue reading

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

Pontoon Card Game Bidding Tutorial

Today we are adding an optional bidding functionality part to the “Pontoon Card Game” web application started with yesterday’s Pontoon Card Game Primer Tutorial. The concept of a “bid” in a card game can be thought of as either … … Continue reading

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