Category Archives: Tutorials

A tutorial is a method of transferring knowledge and may be used as a part of a learning process ( Wikipedia )

Pairings Game Makeover Tutorial

Posted on July 6, 2026 by admin

We often find that the “second draft” of a web application that represents a game or quiz can be a rewarding experience. The “first draft” of such web applications is often a “scurrying to represent those initial ideas before they … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged compete, competition, duo, dynamic, email, extension, game, hardcoding, HTML, Javascript, localStorage, optional, pair, pairing, pairings, programming, remember, select, setting, SMS, tutorial, window.localStorage | Leave a comment

Canvas Interfacer Image Map Circle Tutorial

Posted on July 5, 2026 by admin

Further to the recent Canvas Interfacer Image Map Collaboration Tutorial‘s Image Map creation modes … shape=rect … via 2 pointings … and … shape=poly … via an initial click and a series of right click (non-mobile) and double click (mobile) … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Apple, apple white lead, area, attribute, background, background image, browse, browsing, button, canvas, circle, co-ordinates, collaboration, connection, creator, data uri, data url, debug, debugging, developer, developer menu, disabled, double click, drawImage, email, emoji, emoji button, event, free draw, gesture, Gmail, hashtag, hashtagging, HTML, HTML5, image, image file, image map, image map creator, images, img, integration, iOS, iPad, iPhone, Javascript, lead, local web server, Lorem Picsum, MAMP, map, media, media file, mobile, mouse, mouse position, navigator, navigator.maxTouchPoints, navigator.userAgent, non-mobile, onclick, oncontextmenu, ondblclick, onmouseout, ontouchmove, overlay, pinch, pointer-events, polygon, popup, position, programming, prompt, random, rectangle, repository, resize, right click, rubber band, rubberbanding, Safari, screen, scribble, shape, share, sharing, SMS, source, SVG, swipe, textarea, three finger gesture, three fingers, toDataURL, tool, touch, tutorial, url, web browser, webpage, window.open, Wordpress, z-index | Leave a comment

Pairings Game Tutorial

Posted on July 4, 2026 by admin

In this programming world, it is comforting to think of the “pairings” that go on. But it’s everywhere, the comfort a “pairing” can represent for people. With this in mind, we designed a simple game … the player is presented … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged duo, game, HTML, Javascript, pair, pairing, pairings, programming, tutorial | Leave a comment

The Little QR Code That Could Tutorial

Posted on July 3, 2026 by admin

Is it wrong to feel for an inanimate object? We’ll leave that one to the experts! But we’ve been guilty of naming many inanimate objects. For heaven’s sake, we slept with some Peck’s Paste we were given for Christmas when … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Not Categorised, Photography, Tutorials | Tagged camera, camera app, copy, CSS, DOM, HTML, IFRAME, image, image map, iOS, iPhone, Javascript, map, overlay, paste, position, programming, QR Code, scale, transparency, tutorial, z-index | Leave a comment

Canvas Interfacer Mobile Image Map Tutorial

Posted on July 1, 2026 by admin

On the same themes as yesterday’s Canvas Interfacer Three Finger Gesture Usage Tutorial‘s … mobile platform chance to have three finger gestures help with scrolling functionality … today we have it so that … mobile platforms are better suited creating … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged Apple, apple white lead, area, attribute, background, background image, browse, browsing, button, canvas, co-ordinates, connection, creator, data uri, data url, debug, debugging, developer, developer menu, disabled, double click, drawImage, emoji, emoji button, event, free draw, gesture, hashtag, HTML, HTML5, image, image file, image map, image map creator, images, img, integration, iOS, iPad, iPhone, Javascript, lead, local web server, Lorem Picsum, MAMP, map, media, media file, mobile, mouse, mouse position, navigator, navigator.maxTouchPoints, navigator.userAgent, non-mobile, onclick, oncontextmenu, ondblclick, overlay, pinch, pointer-events, polygon, popup, position, programming, prompt, random, rectangle, repository, resize, right click, rubber band, rubberbanding, Safari, screen, scribble, shape, source, swipe, textarea, three finger gesture, three fingers, toDataURL, tool, touch, tutorial, url, web browser, webpage, window.open, Wordpress, z-index | Leave a comment

Canvas Interfacer Three Finger Gesture Usage Tutorial

Posted on June 30, 2026 by admin

There’s more research needed around here regarding mobile platform usage to the HTML5 canvas based ideas swirling around yesterday’s Random Background Image Map Area Polygons Tutorial‘s work, and one issue we came across was … on mobile platforms you can … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged Apple, apple white lead, area, background, background image, browse, browsing, canvas, co-ordinates, connection, creator, data uri, data url, debug, debugging, developer, developer menu, double click, drawImage, event, free draw, gesture, hashtag, HTML, HTML5, image, image file, image map, image map creator, images, img, integration, iOS, iPhone, Javascript, lead, local web server, Lorem Picsum, MAMP, map, media, media file, mobile, mouse, mouse position, non-mobile, onclick, oncontextmenu, ondblclick, overlay, pinch, pointer-events, polygon, popup, position, programming, prompt, random, rectangle, repository, resize, right click, rubber band, rubberbanding, Safari, screen, scribble, shape, source, swipe, textarea, three finger gesture, three fingers, toDataURL, tool, tutorial, web browser, webpage, Wordpress, z-index | Leave a comment

Random Background Image Map Area Polygons Tutorial

Posted on June 29, 2026 by admin

Further to the recent Random Background Alternate Image Source Tutorial … Image Map only allowing for area subelements with shape=rect … today we also allow for … Image Map now allowing for area subelements with shape=poly … … via … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Apple, apple white lead, area, background, background image, browse, browsing, canvas, co-ordinates, connection, creator, data uri, data url, debug, debugging, developer, developer menu, double click, drawImage, event, hashtag, HTML, HTML5, image, image file, image map, image map creator, images, img, integration, iOS, iPhone, Javascript, lead, local web server, Lorem Picsum, MAMP, map, media, media file, mobile, mouse, mouse position, non-mobile, onclick, oncontextmenu, ondblclick, overlay, pointer-events, polygon, popup, position, programming, prompt, random, rectangle, repository, resize, right click, rubber band, rubberbanding, Safari, screen, shape, source, textarea, toDataURL, tool, tutorial, web browser, webpage, Wordpress, z-index | Leave a comment

PHP Wikipedia Geo Map Google Chart Fast Text Only Revisit Tutorial

Posted on June 28, 2026 by admin

Today we’re revisiting the work of PHP Wikipedia Geo Map Google Chart Region Makeover Tutorial where we interface … Google Chart Geo Chart … to … Wikipedia … and onto … Google Maps … especially regarding … our inhouse interfacer‘s … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged chart, click, dropdown, Earth, functionality, geo chart, geodata, geographicals, Google, Google Charts, Google Maps, HTML, interface, interfacing, Javascript, latitude, list, longitude, map, map chart, onclick, oncontextmeny, ontouchmove, PHP, place, popup, right click, text, Web Application, Wikipedia, world | 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
July 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

« Jun
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

Category Archives: Tutorials

Pairings Game Makeover Tutorial

Pairings Game Tutorial

The Little QR Code That Could Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Category Archives: Tutorials

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList