Tag Archives: div

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

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

HTML Map Element SVG Context Tutorial

An improvement to yesterday’s HTML Map Element SVG Tutorial “where” type HTML map onclick type web application is to interface to some contextual Google Chart “friends” … Geo Chart Map Chart … the Geo Chart contextualizing at the world view … Continue reading

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

HTML Map Element SVG Tutorial

Hang around reading at this blog long enough, or just read Legend for and from HTML Map Element CSS Tutorial below, and we think you’ll get the gist of what high regard we have for the HTML map element in … Continue reading

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

Venn Diagrams Onclick Tutorial

We’ve long been interested in Venn Diagrams, that great mathematical tool we learnt about at primary school in Queensland in Australia to aid with the understanding of set theory, and the last foray on this topic involved the wonderful HTML5 … Continue reading

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

Emoji Game HTML Type Tutorial

Did it interest you that the recent Textarea Emoji Game Primer Tutorial web application was called dropdown_emoji_game.php and yet it was pretty obvious the main HTML element type of operation was a … textarea element … a “block of text” … Continue reading

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