Tag Archives: overlay

Muscle Groups Quiz Game Primer Tutorial

Similar to yesterday’s Respiratory System Quiz Game Primer Tutorial, but that little bit different, we write a Muscle Groups web application today. With today’s muscle groups quiz we allowed the share of the photo taken with an iPhone, out of … Continue reading

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

Respiratory System Quiz Game Primer Tutorial

The previous Body Systems Quiz Game Primer Tutorial shares many commonalities with today’s Respiratory System quiz, two major commonalities being … the source for the quiz knowledge … thanks to HLTAAP001 Recognise healthy body systems TAFE NSW both quizzes have … Continue reading

Posted in eLearning, Event-Driven Programming, Games, 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

Australian Indigenous Language SVG Overlay Tutorial

Meanwhile, back at “Absolute SVG Positioning (ideally with water views, and ‘Tahiti sounds nice’) Symposium” and “Image Map Admiration Society Cocktail and Drinks Don’t” we wanted to take advantage of the hours spent at the wonderful and stupendous mobilefish Image … 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

SVG Absolute Positioning Sharing Tutorial

The “proof of concept” that was yesterday’s SVG Absolute Positioning Primer Tutorial web application has had a makeover today to … add in email sharing functionality (for small numbers of polygons) … though today is not the end of the … Continue reading

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

SVG Absolute Positioning Primer Tutorial

We were thankful and tickled pink recently, learning how to absolutely position SVG from this great link and which first helped out with Area Graphs, as we explain … Area Graph challenge primarily revolved around how to create polygonal backgrounds, … Continue reading

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