Tag Archives: event

Horizontal Block Game Personalized Second Image Type Tutorial

Posted on August 26, 2026 by admin

After yesterday’s Horizontal Block Game Types Tutorial a cruel streak in us might say … Emojis Smemojis … as we return to another image (element img) scenario, except this time they take the form of … Background image pairs (thanks … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, limit, locked, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointing, portrait, preparation, project, property, resource, resources, section, share, sharing, SMS, span, speech to text, stop press, table, tap, text, thing, tile, timezone, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, Wikipedia, z-index | Leave a comment

Horizontal Block Game Types Tutorial

Posted on August 25, 2026 by admin

Do you remember, way before yesterday’s Dominoes Horizontal Block Game Drag Tutorial, way back at Dominoes Horizontal Block Game Width Tutorial, we commented … This “width” issue would probably disappear if Dominoes ever become emojis … and today’s work fulfills … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, limit, locked, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, orientation, outline, overlay, PaintBrush, PHP, planning, pointer, pointing, portrait, preparation, project, property, resource, resources, section, share, sharing, SMS, span, speech to text, stop press, table, tap, text, thing, tile, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, z-index | Leave a comment

Dominoes Horizontal Block Game Drag Tutorial

Posted on August 24, 2026 by admin

Another layer of thinking onto yesterday’s Dominoes Horizontal Blocked Game Tutorial, we think, can be … drag … andnot drop new Javascript logic. This last idea, where only what happens to HTML img element (by default draggable=”true”) … draggable … … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, limit, locked, macOS, mobile, mouse, noun, onblur, ondblclick, ondragstart, online game, OOP, orientation, outline, PaintBrush, PHP, planning, pointer, pointing, portrait, preparation, project, property, resource, resources, section, share, sharing, SMS, span, speech to text, stop press, table, tap, thing, tile, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, z-index | Leave a comment

Text to Emoji Onkeydown Tutorial

Posted on August 9, 2026 by admin

We’re revisiting the Text to Emoji web application work we talked about at Text to Emoji Preview Tutorial because … we wanted to add some HTML textarea element onkeydown keyboard event logic to be able to, via some element title … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged conversion, emoji, event, HTML, Javascript, keyboard, onkeydown, PHP, programming, text, textarea, tutorial | Leave a comment

Debugging Only With Thinking Tutorial

Posted on July 18, 2026 by admin

Some programming problem solutions benefit from … “standing back a bit”, not getting too emotionally agitated by it, especially if either … it is just an annoyance, and there is an alternative workflow a user can use to get to … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Software, Tutorials | Tagged analysis, blog, boolean, calm, debug, debugger, debugging, detection, environment, event, header.php, image, img, iOS, iPad, Javascript, logic, logical, mindfulness, mission critical, onclick, oncontextmenu, only with, only with question, ontouchend, PHP, platform, programming, question, right click, Safari, scepticism, stew, tutorial, TwentyTen, TwentyTen theme, why, Wordpress | 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

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

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
November 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

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

November 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

I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When I’m checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?

The idea of mapping a video's key scenes, mood, pacing, and audio before production resonates with me — it's a lot like working out an anagrampuzzle, where the same pieces only make sense once you rearrange them into the right order. Do you usually sketch the mind map before or after the script is locked?

This is a helpful introduction to mind mapping, especially the explanation of how an unfamiliar .mm file can lead to discovering a practical visual-thinking tool. Mind maps are also useful for planning creative projects: I often map out a video’s key scenes, mood, pacing, and audio needs before production. Once that structure is clear, tools such as Flow Music can create AI background music for videos from a prompt, making it easier to match the soundtrack to each part of the visual plan. Thanks for sharing this accessible primer.

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.

Tag Archives: event

Text to Emoji Onkeydown Tutorial

Debugging Only With Thinking Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: event

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList