Tag Archives: internationalization

Region Picker Google Translate Tutorial

Posted on February 13, 2024 by admin

We wanted to improve the internationalization credentials of our Region Picker web application, of recent times, adding to the progress of yesterday’s Region Picker Revealed Iframes Tutorial. As such, we turn to another great Google product called Google Translate to … Continue reading →

Posted in Not Categorised | Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, details, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, Google Translate, graphics, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, inhouse, innerHTML, innerText, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, language, left, leg, legend, length, link, Linux, location.hash, lookup, Mapping, margin-left, margin-top, mathematics, menu, Mercator, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, region, regional, regional indicator, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, translate, translation, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, window.open, workflow, world, z-index, zoom | Leave a comment

Region Picker Revealed Iframes Tutorial

Posted on February 12, 2024 by admin

Onto yesterday’s Region Picker Emoji Flags Tutorial‘s progress, today, we combine two of our favourite concepts in our push forward … iframe usage … as a preferable calling mechanism to popup windows, especially on mobile platforms … and our favourite … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, details, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, graphics, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, inhouse, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, left, leg, legend, length, link, Linux, location.hash, lookup, Mapping, margin-left, margin-top, mathematics, menu, Mercator, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, region, regional, regional indicator, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, window.open, workflow, world, z-index, zoom | Leave a comment

Region Picker Emoji Flags Tutorial

Posted on February 11, 2024 by admin

Regular readers will know that we are keen on emojis … regarding their way to attract attention internationalization assistance text (content) that is (like a) graphic (display) … for we “graphically challenged”, shall we say? We think our Region Picker … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, graphics, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, inhouse, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, left, leg, legend, length, link, Linux, location.hash, lookup, Mapping, margin-left, margin-top, mathematics, menu, Mercator, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, region, regional, regional indicator, request, resize, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, SVG, text, textbox, timezone, top, touch, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, window.open, workflow, world, z-index, zoom | Leave a comment

Google Chart Image Chart Angled Text Annotation Tutorial

Posted on December 13, 2023 by admin

It’s Tuesday, in places around the world, looking back at yesterday’s Google Chart Image Chart Image Map Event Editing Tutorial. Can’t help but think we’ve forgotten something. Ah yes … You talkin’ to me? You talkin’ to me? Meanwhile, back … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged action, aesthetics, Ajax, angle, animated gif, annotation, area, attribute, attrribute selector, background image, bar chart, border, border-radius, box, box chart, broadcast, bubble, bubbling, candlestick chart, canvas, case, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, createElement, CSS, data, degrees, details, Did you know, discrete, discrete click, div, document.createElement, dropdown, earworm, edit, editing, emoji, encoding, entity, event, event logic, event-driven, event.stopPropagation, event.type, GD, geometry, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, imagettftext, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onblur, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, quadrant, rectangle, relationship, removeAttribute, representation, retwaek, reveal, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, subelement, substitution, summary, SVG, switch, ternery, text, textarea, textbox, thumbnail, touch, touchdown, trigonometry, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Image Map Event Editing Tutorial

Posted on December 12, 2023 by admin

If we are talking “layers” (of functionality) again, onto the progress that yesterday’s Google Chart Image Chart Image Map Events Tutorial represented, then , it is logical … that if yesterday we presented some programmer defined image map event logic … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged action, aesthetics, angle, animated gif, annotation, area, attribute, attrribute selector, background image, bar chart, border-radius, box chart, broadcast, bubble, bubbling, candlestick chart, canvas, case, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, createElement, CSS, data, degrees, details, Did you know, discrete, discrete click, div, document.createElement, dropdown, earworm, edit, editing, emoji, encoding, entity, event, event logic, event-driven, event.stopPropagation, event.type, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onblur, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, rectangle, relationship, removeAttribute, representation, retwaek, reveal, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, subelement, substitution, summary, SVG, switch, ternery, text, textarea, textbox, thumbnail, touch, touchdown, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Image Map Events Tutorial

Posted on December 11, 2023 by admin

We really like HTML image maps, and it occurred to us with yesterday’s Google Chart Image Chart Image Map Tutorial we were hiding its light under some bushel somewhere, because … yesterday we introduced with only the onclick event coded … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged action, aesthetics, angle, animated gif, annotation, area, attribute, attrribute selector, background image, bar chart, border-radius, box chart, broadcast, bubble, bubbling, candlestick chart, canvas, case, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, CSS, data, degrees, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, encoding, entity, event, event logic, event-driven, event.stopPropagation, event.type, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, rectangle, relationship, removeAttribute, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, subelement, substitution, SVG, switch, ternery, text, textarea, textbox, thumbnail, touch, touchdown, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Image Map Tutorial

Posted on December 10, 2023 by admin

Do you like to come at explaining things in layers? Sort of like the analogy … you start a project thinking of it in terms of “2D” … and then to move forward … you spend a day making it … Continue reading →

Posted in eLearning, Event-Driven Programming, Software, Tutorials | Tagged action, aesthetics, angle, animated gif, annotation, area, attrribute selector, background image, bar chart, border-radius, box chart, broadcast, candlestick chart, canvas, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, CSS, data, degrees, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, encoding, entity, event, event-driven, event.stopPropagation, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, rectangle, relationship, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, substitution, SVG, ternery, text, textarea, textbox, thumbnail, touch, touchdown, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Dynamic Icons Tutorial

Posted on December 9, 2023 by admin

Does statistics have to be staid and boring? Kitch and quiche?! Welcome to the wooorrrlllddd of Google Charts Image Chart Dynamic Icons! Think of Dynamic Icons as a way to decorate one or more data points displayed in one of … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aesthetics, angle, animated gif, annotation, attrribute selector, background image, bar chart, border-radius, box chart, broadcast, candlestick chart, canvas, circle, colour, commentary, compound, compound chart, concept, context, CSS, data, degrees, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, encoding, entity, event, event.stopPropagation, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, html entity, HTML5, icon, icons, imageellipse, imagefilledellipse, ImageMagick, interface, internationalization, justification, justify, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, meter, mobile, mouse, obsession, onclick, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, snapchat, song, speak, spread, statistics, stopPropagation, substitution, SVG, ternery, text, textarea, textbox, thumbnail, touch, touchdown, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | 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: internationalization

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: internationalization

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList