Tag Archives: images

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

Canvas Interfacer Image Map Collaboration Tutorial

Posted on July 2, 2026 by admin

So far, with our currently running Image Map creating project yesterday’s Canvas Interfacer Mobile Image Map Tutorial continued on at, we’ve had a bit of focus on … a single user getting as far into the Image Map creation process … Continue reading →

Posted in Not Categorised | Tagged Apple, apple white lead, area, attribute, background, background image, browse, browsing, button, canvas, 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, 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 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

Random Background Alternate Image Source Tutorial

Posted on June 27, 2026 by admin

Onto the recent Random Background Image Map Integration Tutorial‘s web application’s use of … Lorem Picsum image repository “source” of image data … today we allow the user to, instead, get images from … RJM Programming WordPress Tutorial Images (ie. … 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, ondblclick, overlay, popup, position, programming, prompt, random, rectangle, repository, resize, rubber band, rubberbanding, Safari, screen, shape, source, textarea, toDataURL, tool, tutorial, web browser, webpage, Wordpress, z-index | Leave a comment

Google Chart Geo Chart Integration Speech Bubbles Popup Div Hashtag Tutorial

Posted on March 27, 2026 by admin

Back to the main workflow of Google Chart Geo Chart Integration Speech Bubbles Textarea Relative Media Tutorial the day before yesterday’s Window Opener and Parent Conduit Tutorial it becomes apparent working those relative URLs in amongst absolute URLs or data … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged append, appendChild, AppleScript, command, command line, commentary, cowsay, cowsay api, DOM, exec, external Javascript, geo chart, Google chart, hash, hashtag, hashtagging, hover, HTML, IFRAME, image, images, integration, intranet, Javascript, keyboard, Memories, non-mobile, onblur, onclick, onkeydown, onload, onmouseover, PHP, popup, programming, relative, relative URL, say, speech bubble, Text to Speech, textarea, transparency, transparent, url, window.opener, window.parent | Leave a comment

Window Opener and Parent Conduit Tutorial

Posted on March 26, 2026 by admin

After yesterday’s Google Chart Geo Chart Integration Speech Bubbles Textarea Relative Media Tutorial we come to another “generic detour” we want to attend to. Yesterday’s relative URL, like … /responsive_more.jpg … set us to thinking how such a relative URL … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged append, appendChild, AppleScript, command, command line, commentary, cowsay, cowsay api, DOM, exec, external Javascript, geo chart, Google chart, hash, hashtag, hashtagging, hover, HTML, IFRAME, image, images, integration, intranet, Javascript, keyboard, Memories, non-mobile, onblur, onclick, onkeydown, onload, onmouseover, PHP, programming, relative, relative URL, say, speech bubble, Text to Speech, textarea, transparency, transparent, url, window.opener, window.parent | 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
October 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

« Sep
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 media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
Your Background Image
OnTopList

October 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

Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.

This is a thoughtful example of using a single-row layout and scroll behavior to reveal media progressively. I especially liked the way the tutorial ties the gallery to real interaction details rather than treating the UI as a static mockup. For readers experimenting with the next stage of visual prototyping, LTX 2.3 Free collects prompt examples and workflow guidance for planning AI video scenes; the same attention to camera movement and timing is useful when turning a storyboard into motion.

The focus juggling with click() and blur() sounds painful. I ran into the same thing chaining YouTube iframes, the browser keeps handing focus back to whichever player was touched last. Keeping the window small and off to the side is a neat workaround. Any plan to bring Radio Play to mobile?

Word search is such a good project size — enough logic (grid generation, word placement, collision checking) to stay interesting, but still shippable in an afternoon. I came to these kinds of puzzles from the canvas-game side, where the bottleneck turned out to be art assets rather than code; drawing the same character walking in four directions by hand was the worst part, which is why I ended up building a tool that generates walk-cycle sprite sheet candidates from a single reference image. Enjoyed reading how you approached this one.

Seeing grammatical terms such as Adjective and Adverb alongside abbreviations such as API highlights how different kinds of words need different explanations. For learners, a one-sentence definition and a short usage example would help distinguish a word's meaning from merely recognizing its spelling. It would also be useful to distinguish an abbreviation's expansion from what it means in context.

Tag Archives: images

Window Opener and Parent Conduit Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: images

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList