Tag Archives: display

Diagonal Element Nesting Analogue Clock Tutorial

Posted on January 27, 2026 by admin

Those two diagonal lines produced in yesterday’s Diagonal Element Nesting Tutorial made us wonder … What can you build with controlled rotation and involving two diagonal elements? … and, of course, your Local Time Analogue Clock with it’s hour hand … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged analogue clock, cell, clock, diagonal, diagonality, display, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, rotate, rotation, table, table cell, text, texxtarea, tutorial | Leave a comment

Diagonal Element Nesting Tutorial

Posted on January 26, 2026 by admin

A variation on yesterday’s Nesting Primer Tutorial, as well as being inspired by that work is today’s … diagonal element … via … nested … display: inline; display: inline-block; … sub topleft to bottomright diagonal componentry element look sup bottomleft … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged cell, diagonal, diagonality, display, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, rotate, rotation, table, table cell, text, texxtarea, tutorial | Leave a comment

Nesting Primer Tutorial

Posted on January 25, 2026 by admin

The text (which can include emojis) … display: inline; display: inline-block; … HTML elements are endlessly fascinating in our eyes, regarding the “nesting” of elements. You can read all you like about this at a website like W3schools but we … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged cell, display, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, table, table cell, text, texxtarea, tutorial | Leave a comment

HTML/Javascript Canvas Fraction Problems Collaborating Tutorial

Posted on December 7, 2025 by admin

What happens when you re-clone a clone? Well, around here, we’d say … difference reports recency reliability is enhanced because these web applications (with canvas elements and mathematics as a common thread we probably thought represented good “clone material” in … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged arguments, canvas, clone, collaboration, diff, difference report, display, DOM, email, fraction, HTML, image, Javascript, mathematics, programming, prompt, recipient, reduce, sharing, shre, SMS, surd, tutorial | Leave a comment

HTML/Javascript Canvas Image Copy Collaborating Tutorial

Posted on December 6, 2025 by admin

Onto yesterday’s HTML/Javascript Canvas Image Copy Sharing Tutorial … added some interim calculation numbers into the mix of email and SMS link passed arguments that come into play regarding any ongoing “collaboration” programmatical communications regarding top right attempts at surd … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged arguments, canvas, collaboration, display, DOM, email, HTML, image, Javascript, mathematics, programming, prompt, recipient, reduce, sharing, shre, SMS, surd, tutorial | Leave a comment

YouTube API Caller Radio Play Doctype Meta Tutorial

Posted on November 23, 2025 by admin

It took a session on this MacBook Air’s macOS Firefox web browser trying the Tabular Single Row Media Gallery web application to emphasise the importance of more consistency checking on … doctype HTML tagdeclaration … <!DOCTYPE html> … and … … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged absolute URL, address bar, after, album, alias, alphabetic, alphabetical, animated gif, animation, API, argument, array, attribute, audio, authority, Bash, bash shell, bat, batch, blocker, breadcrumbs, cache, call, cell, class, cmd, comma separated values, commad, command line, compilation, completion, condition, conditional, connection, console, console.warn, content, contenteditable, CSS, CSV, cursor, data uri, debug, debugging, declaration, decodeURIComponent, delay, details, Did you know, display, doctype, document.title, DOM, DOS, double click, dropdown, duration, element, email, emoji, encodeURIComponent, encrypt, encryption, environment, error 414, event, Firefox, genre, global, global variable, Google, Google Chrome, hands free, hashtag, hashtagging, hierarchy, HTML, IFRAME, image, img, instance, integration, interactive, interfacing, internationalization, itinerary, Javascript, jump, keyboard, language, link, links, list, lleyton, local system, localStorage, loop, looping, macOS, media, meta, mimetype, moderation, modularization, module, navigation, Object Oriented Programming, oncontextmenu, onkeypress, onmousedown, ontouchdown, ontouchmove, OOP, open, Opera, option, order, overlay, persistence, PHP, plan, platform, play, play button, playlist, popup, popup blocker, profile, programming, progress, recall, recalling, remember, remembering, repeat, reveal, right click, schedule, scheduling, scope, script, select, sessionStorage, setInterval, setTimeout, share, shell, shell script, software integration, sort, sppech to text, standing order, stop press, summary, tab, table, table cell, Terminal, text, text cursor, textbox, textual cursor, timer, title, toggle, top, tutorial, url, user, user input, variable, video, visibility, web browser, web inspector, webpage, whitespace, window, Windows, word, words, wrap, wrapper, wrapping, YouTube, YouTube API | Leave a comment

YouTube API Caller Radio Play Playlist Windows Local System Tutorial

Posted on November 22, 2025 by admin

Further to the recent YouTube API Caller Radio Play Playlist Local System Tutorial macOS local system discussion, today, we code for … play … to mean something on the … Windows … “cmd” command accessible … command line What’s the … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged absolute URL, address bar, after, album, alias, alphabetic, alphabetical, animated gif, animation, API, argument, array, audio, authority, Bash, bash shell, bat, batch, blocker, breadcrumbs, cache, call, cell, class, cmd, comma separated values, commad, command line, compilation, completion, condition, conditional, connection, console, console.warn, content, contenteditable, CSS, CSV, cursor, data uri, debug, debugging, decodeURIComponent, delay, details, Did you know, display, document.title, DOM, DOS, double click, dropdown, duration, element, email, emoji, encodeURIComponent, encrypt, encryption, environment, error 414, event, genre, global, global variable, Google, Google Chrome, hands free, hashtag, hashtagging, hierarchy, HTML, IFRAME, image, img, instance, integration, interactive, interfacing, internationalization, itinerary, Javascript, jump, keyboard, language, link, links, list, lleyton, local system, localStorage, loop, looping, macOS, media, mimetype, moderation, modularization, module, navigation, Object Oriented Programming, oncontextmenu, onkeypress, onmousedown, ontouchdown, ontouchmove, OOP, open, Opera, option, order, overlay, persistence, PHP, plan, platform, play, play button, playlist, popup, popup blocker, profile, programming, progress, recall, recalling, remember, remembering, repeat, reveal, right click, schedule, scheduling, scope, script, select, sessionStorage, setInterval, setTimeout, share, shell, shell script, software integration, sort, sppech to text, standing order, stop press, summary, tab, table, table cell, Terminal, text, text cursor, textbox, textual cursor, timer, title, toggle, top, tutorial, url, user, user input, variable, video, visibility, web browser, web inspector, webpage, whitespace, window, Windows, word, words, wrap, wrapper, wrapping, YouTube, YouTube API | Leave a comment

YouTube API Caller Radio Play Playlist Local System Tutorial

Posted on November 15, 2025 by admin

The .. command line … of a laptop or notebook or personal computer can be an environment to relax from the GUI aspects of your modern operating systems and think about … processes batch driven tasks task simplifications … and … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged absolute URL, address bar, after, album, alias, alphabetic, alphabetical, animated gif, animation, API, argument, array, audio, authority, Bash, bash shell, blocker, breadcrumbs, cache, call, cell, class, comma separated values, commad, command line, compilation, completion, condition, conditional, connection, console, console.warn, content, contenteditable, CSS, CSV, cursor, data uri, debug, debugging, decodeURIComponent, delay, details, Did you know, display, document.title, DOM, double click, dropdown, duration, element, email, emoji, encodeURIComponent, encrypt, encryption, environment, error 414, event, genre, global, global variable, Google, Google Chrome, hands free, hashtag, hashtagging, hierarchy, HTML, IFRAME, image, img, instance, integration, interactive, interfacing, internationalization, itinerary, Javascript, jump, keyboard, language, link, links, list, lleyton, local system, localStorage, loop, looping, macOS, media, mimetype, moderation, modularization, module, navigation, Object Oriented Programming, oncontextmenu, onkeypress, onmousedown, ontouchdown, ontouchmove, OOP, open, Opera, option, order, overlay, persistence, PHP, plan, platform, play, play button, playlist, popup, popup blocker, profile, programming, progress, recall, recalling, remember, remembering, repeat, reveal, right click, schedule, scheduling, scope, script, select, sessionStorage, setInterval, setTimeout, share, shell, shell script, software integration, sort, sppech to text, standing order, stop press, summary, tab, table, table cell, Terminal, text, text cursor, textbox, textual cursor, timer, title, toggle, top, tutorial, url, user, user input, variable, video, visibility, web browser, web inspector, webpage, whitespace, window, word, words, wrap, wrapper, wrapping, YouTube, YouTube API | 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

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.

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?

Tag Archives: display

Diagonal Element Nesting Analogue Clock Tutorial

Diagonal Element Nesting Tutorial

Nesting Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: display

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList