Tag Archives: svg+xml

Colour Wheel Size and Spoke Colour Tutorial

Posted on June 18, 2022 by admin

Thinking about the “Child” Colour Wheel of yesterday’s SVG Network Clock Map Right Click Hashtagging Tutorial we wanted to add some user controllable … way for the user to change the Colour Wheel radius … in other words, its size … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged alert, alert popup box, analogue, array, background image, child, clock, colour, cursor, date, datetime, daylight saving, Did you know, digital, DOM, eval, geo chart, Google chart, grandparent, hashtag, hashtagging, HTML, IFRAME, image, integration, interface, interfacing, Javascript, link, map, map chart, navigate, oncontextmenu, overlay, parent, PHP, programming, prompt, radius, right click, size, software integration, SVG, svg+xml, synchronization, synchronize, time, timezone, tutorial, two finger gesture, user, Wikipedia, window.open, window.opener, XML | Leave a comment

SVG Network Clock Map Right Click Hashtagging Tutorial

Posted on June 17, 2022 by admin

Adding to yesterday’s SVG Network Clock Iframe Window Opener Tutorial we have a combination of … right click (Windows) or two finger gesture (macOS) event logic … var altwo=””; //”//www.rjmprogramming.com.au/PHP/Map/map.php?title=Greenwich%20London&onclick=y&label=[‘Lat’,&value=’Lon’,’Name’]&data=,[51.4769,-0.0005,~Greenwich~]”; var althree=”//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php?title=Greenwich%20London%20Places&aregexographicals=y&aregeographicals=HTTP.From%2Chttp.To%2Chttp.Greenwich&peninfo=51.4769|-0.0005|127968_From,51.4769|-0.0005|128205_To,51.4769|-0.0005|Greenwich&width=834&height=520&country=Places&popularity=&data=%20[51.4769|-0.0005|~From~,2]%20,%20[51.4769|-0.0005|~To~,2]%20,%20[51.4769|-0.0005|~Greenwich~,2]”; if (document.addEventListener) { document.getElementById(‘myhr’).addEventListener(‘contextmenu’, function(e) { e.preventDefault(); window.open(modgeomay(althree),’_blank’,’top=100,left=100,width=850,height=800′); … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged analogue, background image, child, clock, cursor, date, datetime, daylight saving, Did you know, digital, DOM, geo chart, Google chart, grandparent, hashtag, hashtagging, HTML, IFRAME, image, integration, interface, interfacing, Javascript, link, map, map chart, navigate, oncontextmenu, overlay, parent, PHP, programming, right click, software integration, SVG, svg+xml, synchronization, synchronize, time, timezone, tutorial, two finger gesture, Wikipedia, window.open, window.opener, XML | Leave a comment

SVG Network Clock Iframe Window Opener Tutorial

Posted on June 16, 2022 by admin

Onto the interfacing and integration work of yesterday’s SVG Network Digital and Analogue Clock Synchronizing Tutorial, today we have a three way relationship set to achieve a more dynamic popup window that responds to changes of its window.opener, the “kicker” … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged analogue, background image, child, clock, cursor, date, datetime, daylight saving, digital, DOM, grandparent, HTML, IFRAME, image, integration, interface, interfacing, Javascript, link, navigate, overlay, parent, PHP, programming, software integration, SVG, svg+xml, synchronization, synchronize, time, timezone, tutorial, Wikipedia, window.open, window.opener, XML | Leave a comment

SVG Network Digital and Analogue Clock Synchronizing Tutorial

Posted on June 15, 2022 by admin

The work of yesterday’s SVG Network Digital and Analogue Clock Interfacing Tutorial has moved us to improve … the accuracy of the Colour Wheel datetime synchronization with the SVG Network Clock … ie. it can be offputting seeing two clocks … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged analogue, background image, child, clock, cursor, date, datetime, daylight saving, digital, DOM, HTML, image, integration, interface, interfacing, Javascript, link, navigate, parent, PHP, programming, software integration, SVG, svg+xml, synchronization, synchronize, time, timezone, tutorial, Wikipedia, window.open, window.opener, XML | Leave a comment

PHP Date Difference Background SVG Image Tutorial

Posted on June 9, 2022 by admin

More progress onto that of yesterday’s PHP Date Difference Current Time Tutorial is to … add background image (based on SVG (mainly “text” element(s)) XML) showing … date’s day of week time’s analogue clock (in the form of an emoji) … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background, background image, constructor, date, date difference, difference, dropdown, emoji, form, IFRAME, image, object, PHP, programmming, proof of concept, SVG, svg+xml, text, time, timezone, tutorial, XML | Leave a comment

Emoji Borders and Backgrounds Canvas Annotation Tutorial

Posted on January 21, 2022 by admin

Up to now with the SVG -> IMG -> CANVAS parent web application to our newish PHP tool child of Emoji Borders and Backgrounds Curl Tutorial we have tried to keep … SVG IMG CANVAS … contents in synch as … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, command line, context, CSS, curl, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, exec, file_get_contents, FormData, geometry, getBoundingClientRect, Google, Google chart, Google Page Insights, Google PageSpeed, graphics, grid, HTML, HTML5, IFRAME, image, image grid, img, inhouse, integration, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, mode, numbers, numerical, opacity, overlay, override, PageSpeed, PHP, popup, popup window, position, programming, proof of concept, QR Code, rect, rectangle, screenshot, shape, share, sharing, slideshow, SMS, software integration, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, webpage, window.open, window.opener, XML | Leave a comment

Emoji Borders and Backgrounds Curl Tutorial

Posted on January 20, 2022 by admin

We find curl to be that interesting PHP “mode of use” hybrid of the involvement of … HTTP protocol URLs command line interface to PHP exec … that might help you “look back at yourself from outside” as we use … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, command line, context, CSS, curl, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, exec, file_get_contents, FormData, geometry, getBoundingClientRect, Google, Google chart, Google Page Insights, Google PageSpeed, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, mode, numbers, numerical, opacity, overlay, override, PageSpeed, PHP, position, programming, proof of concept, QR Code, rect, rectangle, screenshot, shape, share, sharing, slideshow, SMS, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, webpage, XML | Leave a comment

Emoji Borders and Backgrounds QR Code Tutorial

Posted on January 19, 2022 by admin

Some web browsers such as Google Chrome also have “right-clicking (for Windows) and two finger gesturing (for macOS and Mac OS X)” menu QR Code options, further to QR Code URL via macOS Two Finger Gesture Option Tutorial and yesterday’s … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, context, CSS, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, FormData, geometry, getBoundingClientRect, Google, Google chart, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, numbers, numerical, opacity, overlay, override, PHP, position, programming, proof of concept, QR Code, rect, rectangle, shape, share, sharing, slideshow, SMS, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, XML | 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

What I find most interesting here is how honestly the post names the hard part: getting focus to work with [element].click() and [element].blur() is the kind of detail that looks trivial until you actually try to drive a page this way. The single-row table that deliberately overflows to the right also makes sense as a design choice, since a radio playlist needs to be scrolled through rather than squeezed into one screen. And the payoff — clicking one song link and having the songs play in sequence and loop back through the list — is a neat reward for all that plumbing with the audio-only YouTube player.

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.

Tag Archives: svg+xml

SVG Network Clock Map Right Click Hashtagging Tutorial

SVG Network Clock Iframe Window Opener Tutorial

SVG Network Digital and Analogue Clock Synchronizing Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: svg+xml

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList