Tag Archives: HTML

HTML Square Horizontal Rule Mobile Image Map Jigsaw Tutorial

Posted on March 2, 2019 by admin

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 area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index | Leave a comment

Muscle Groups Quiz Game Primer Tutorial

Posted on March 1, 2019 by admin

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 anatomy, form, HTML, image, iPhone, Javascript, overlay, programming, respiratory system, textbox, tutorial | Leave a comment

Respiratory System Quiz Game Primer Tutorial

Posted on February 28, 2019 by admin

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 anatomy, form, HTML, image, Javascript, overlay, programming, respiratory system, textbox, tutorial | Leave a comment

HTML Square Horizontal Rule Editable Image Map Jigsaw Tutorial

Posted on February 27, 2019 by admin

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 area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, contenteditable, copy, CSS, deck, dictionary, div, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, parent, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index | Leave a comment

HTML Square Horizontal Rule Image Map Jigsaw Tutorial

Posted on February 26, 2019 by admin

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 area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, copy, CSS, deck, dictionary, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, overlay, parent, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, share, software integration, square, SVG, table, transform, translate, tutorial, url, word, word game, YouTube, z-index | Leave a comment

Tic Tac Toe Class Tutorial

Posted on February 25, 2019 by admin

What do “Simon Says” and “Tic Tac Toe” have in common, for us today? They’re both games. Yeh, well … okay … but apart from “They’re both games” … What do “Simon Says” and “Tic Tac Toe” have in common, … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged attribute, class, CSS, document, document.getElementById, document.getElementsByTagName, DOM, dropdown, event, game, games, HTML, id, Javascript, onclick, programming, querySelector, Tic-tac-toe, tutorial | Leave a comment

Simon Says Game Primer Tutorial

Posted on February 23, 2019 by admin

One of the great things about the “net” is learning things off other people. Here at this blog we’ve mentioned the stupendous HTML5 File API link we’ve used a lot for “shape to upload” local disk file browsing purposes in … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attribute, class, CSS, document, DOM, event, game, games, HTML, id, Javascript, onclick, programming, querySelector, tutorial | Leave a comment

PHP Form Validation via Filter Regular Expression Tutorial

Posted on February 22, 2019 by admin

With the recent PHP Form Validation via Filter Extension Tutorial we avoided “the elephant in the room” that being the use of regular expressions. No, Nala, not 😀 or even 🤪 but the definition of a date data item (or … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged atob, base64, btoa, data uri, date, decodeURIComponent, encodeURIComponent, enctype, extension, filter, form, format, get, HTML, Javascript, method, onsubmit, Perl, PHP, post, programming, regex, regexp, regular expression, timestamp, tutorial, urldecode, urlencode, validation | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
May 2026

S M T W T F S

1 2

3 4 5 6 7 8 9

10 11 12 13 14 15 16

17 18 19 20 21 22 23

24 25 26 27 28 29 30

31

« Apr
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser
Your Background Image
OnTopList

Tag Archives: HTML

Muscle Groups Quiz Game Primer Tutorial

Respiratory System Quiz Game Primer Tutorial

Simon Says Game Primer Tutorial

PHP Form Validation via Filter Regular Expression Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: HTML

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList