Monthly Archives: August 2026

Horizontal Block Game CSS Animation Tutorial

Posted on August 31, 2026 by admin

Today we … extend yesterday’s Horizontal Block Game Random Image Types Tutorial‘s ondblclick and oncontextmenu (or ontouchmove) “drill downs” to other Wikipedia image Block Game choices … and … allow for a CSS @keyframes animation definition to affect … CSS … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animation, 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, keyframes, limit, locked, Lorem Picsum, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, presenation, project, property, random, random image, repository, 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 Random Image Types Tutorial

Posted on August 30, 2026 by admin

Around here, further to the recent Horizontal Block Game Less Personal Types Tutorial‘s Horizontal Block Game incarnation developments, today we present two new Random Image choices we turn to quite a bit, those being … the great Lorem Picsum repository … 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, Lorem Picsum, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, presenation, project, property, random, random image, repository, 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

Parent and Child Popup and Iframe Tutorial

Posted on August 29, 2026 by admin

Around here, we like both of the approaches below to setting up a parent (web application) calling a child (web application) … iframe popup window … scenario. Curiously, though, via the second argument of a window.open call from the parent) … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged argument, child, client pre-emptive iframe, detection, document, DOM, event, hierarchy, HTML, IFRAME, intervention, Javascript, name, object, onload, parent, popup, popup window, programming, proof of concept, timing, tutorial, Web Application, window, window.open, window.opener, window.parent | Leave a comment

PhotoBooth Shaving Primer Tutorial

Posted on August 28, 2026 by admin

We wonder about whether Primer is apt in today’s blog posting “PhotoBooth Shaving Primer Tutorial” title, but perhaps your first shave is the go here?! We don’t like mirrors much. Anyway, today, we don’t want to mess up the bathroom … Continue reading →

Posted in eLearning, Not Categorised, Tutorials | Tagged camera, desktop, desktop app, device, macOS, mobile, PhotoBooth, selfie, shave, shaving, tips, tutorial | Leave a comment

Horizontal Block Game Less Personal Types Tutorial

Posted on August 27, 2026 by admin

Onto yesterday’s Horizontal Block Game Personalized Second Image Type Tutorial‘s new Horizontal Block Game types, today, we add a variety more number of emoji and image type game incarnations, as per … ++DominoesShapeAnimalFoodTransportActivityMathematicsMoonAstrologyFlagChessNumberEmail …PlanetCardOther TimeZones (further to yours below)Sydney … … 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, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, 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 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

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

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

August 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

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.

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.

Monthly Archives: August 2026

PhotoBooth Shaving Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Monthly Archives: August 2026

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList