Category Archives: Not Categorised

Colouring In Drag and Drop World Reveal Sharing Tutorial

Posted on April 23, 2024 by admin

When a lot of us think of games or quizzes, we think “level playing field”, at least at the start of a game. In other words, the way the game starts the players are faced with the same or similar … Continue reading →

Posted in Not Categorised | Tagged animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, cell, clip art, collaborate, collaboration, column, country, CSS, dataset, device, Did you know, dimensions, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, entity, flag, focus, game, games, genericize, geography, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, ISO 3166-2, Javascript, keyboard, location.hash, mailto, Mercator, mercator projection.opacity, mobile, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, ondblclick, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, processing, programming, proof of concept, proportional, px, question, quiz, redo, resolution, responsive design, reveal, row, scroll, share, sharing, SMS, stop press, style, styling, table, table cell, television, text, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, width, world, world map | Leave a comment

GeoJson World Countries Drag and Drop Makeover Nuance Tutorial

Posted on April 6, 2024 by admin

Nuance alert! We’re not sure if you noticed, but if you tried out the Drag and Drop functionality in the World Countries web application of yesterday’s GeoJson World Countries Drag and Drop Makeover Tutorial you may have noticed … for … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged $_GET, $_POST, align, attribute, cache, chart, client, clientside, coastline, countries, country, country code, data, data attribute, drag, drag and drop, drop, external Javascript, function, geo chart, geojson, global data attribute, Google chart, Google Charts, hashtag, hashtagging, hybrid, IFRAME, iso code, iso country code, Javascript, location.hash, map, map chart, PHP, places, position, programming, timezone, timezone places, tutorial | Leave a comment

Earth Scanner Sharing Tutorial

Posted on February 26, 2024 by admin

Another day, another API interfacing with our Earth Scanner web application from yesterday’s Earth Scanner Window Focus Tutorial. This time around, it is the turn of Web Share API to help us with our aim to introduce some … email … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, comma, comma separated list, CSS, device, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Directions, greenwich meridian, hash, hashtag, horizontal rule, HTML, image, img, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, timestamp, timezone, trip, trip leg, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube | Leave a comment

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 GeoJson Trip Leg Tutorial

Posted on February 4, 2024 by admin

Nice legs! Regarding the trips, of course. Trip planning? GeoJson? Region Picker? Yes, yesterday’s Region Picker GeoJson Trip Planning Tutorial‘s progress had us starting to allow for a Trip Planner subset of functionality for our Google Image Chart Map Chart … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, bearing, button, canvas, circle, click, client, clientside, colour, colour code, colour matching, column, context, continent, country, CSS, data, data attributes, delimiter, distance, document.getElementsByTagName, DOM, double click, dropdown, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, form, GD, geo chart, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, inhouse, integration, Javascript, keyboard, left, leg, legend, length, lookup, margin-left, margin-top, menu, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, popup, popup window, post, programming, prompt, pulldown, pulldown menu, region, regional, request, resize, right click, scale, select, setAttribute, setTimeout, shade, shading, sticky, SVG, text, textbox, timezone, top, touch, trip, trip planner, tutorial, url, vertical bar, view, web browser, window.open, workflow, world, z-index, zoom | Leave a comment

Google Chart Image Chart Map Chart Mobile Views Tutorial

Posted on January 7, 2024 by admin

Yesterday’s Google Chart Image Chart Map Chart Country View Tutorial … country view … and before that … continental view … you may have noticed, relied on hashtag navigation, which had not been coded for, regarding the quirks of the … Continue reading →

Posted in eLearning, iOS, Not Categorised, Tutorials | Tagged Ajax, argument, arguments, beta, call, callback, called, caller, click, continent, country, country code, data, Did you know, geo chart, Google chart, hash, hashtag, HTML, image, image chart, integration, interface, interfacing, iOS, iso country code, Javascript, map, map chart, marker, mobile, onclick, overlay, pass, PHP, pin, plot, plotting, programming, programming.tutorial, prompt, region, software integration, view, Wikipedia | Leave a comment

Starts With Textarea CSS Styling Tutorial

Posted on December 29, 2023 by admin

The other day when we presented PHP/Javascript Decoding Scrambled Words Game CSS Tutorial there were two CSS selector “starts with” scenarios referenced … <style> .guess* { width: 40px; } // thanks to https://stackoverflow.com/questions/13352080/match-all-elements-having-class-name-starting-with-a-specific-string </style> … let alone what was used … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged background-color, CSS, event, HTML, Javascript, onblur, onchange, onkeydown, onkeypress, programming, selector, starts with, stye, styling, textarea, tutorial | 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.

Category Archives: Not Categorised

GeoJson World Countries Drag and Drop Makeover Nuance Tutorial

Google Chart Image Chart Map Chart Mobile Views Tutorial

Starts With Textarea CSS Styling Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Category Archives: Not Categorised

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList