Tag Archives: placement

Earth Scanner Wikipedia Images Tutorial

Posted on March 4, 2024 by admin

Yesterday’s Earth Scanner Linear Gradient Leg Tutorial‘s use of Wikipedia geodata reminded us, again, of the incredible resource Wikipedia can be for the online world. Wikipedia is a great resource for images of places too, and today, we add to … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, background image, background-position, blog post, clip-path, code, collaboration, collage, comma, comma separated list, CSS, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geodata, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, IFRAME, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, kinear-gradient, kludge, land, landscape, latitude, leg, legs, lengthy, line, linear gradient, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, order, orientation, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, popup, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, syntax, tab, terrestrial, textarea, timestamp, timezone, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, url, video, web browser, web browser tab.title, web share api, when, where, Wikipedia, window, wrapper, YouTube | Leave a comment

Earth Scanner Linear Gradient Leg Tutorial

Posted on March 3, 2024 by admin

Onto yesterday’s Earth Scanner Question Delimiter Tutorial‘s progress, today, we have … a linear gradient applied to the trip leg plotting … for … colour direction … purposes … <style> hr.hrright { background-image: linear-gradient(to right, red, orange, yellow, green, blue, … Continue reading →

Posted in eLearning, Tutorials | Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geodata, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, kinear-gradient, kludge, land, landscape, latitude, leg, legs, lengthy, line, linear gradient, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, order, orientation, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, syntax, tab, terrestrial, textarea, timestamp, timezone, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, Wikipedia, window, wrapper, YouTube | Leave a comment

Earth Scanner Question Delimiter Tutorial

Posted on March 2, 2024 by admin

We’re adding another delimiter to those discussed in yesterday’s Earth Scanner Delimitation Tutorial, and it’s a doozy … ? … (just quietly for now while we test for another day) … placed after a placename will … first check if … Continue reading →

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

Earth Scanner Delimitation Tutorial

Posted on March 1, 2024 by admin

A lot of the data aspects to our latest Earth Scanner web application have relied on … user reliability … and … delimitation rules … less stringent for … timezone places Of course, we’d really like to automate more, but … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, kludge, land, landscape, latitude, leg, legs, lengthy, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, order, orientation, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, syntax, tab, terrestrial, textarea, timestamp, timezone, trip, trip leg, trip planning, trips, 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

Earth Scanner Placements Tutorial

Posted on February 29, 2024 by admin

You see that little play on words in today’s title, using … Placements ? Where we meant “the specification, by placename, of latitude and longitude for a user defined place”? And so we decided not to give this blog posting … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, kludge, land, landscape, latitude, leg, legs, lengthy, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, textarea, timestamp, timezone, trip, trip leg, trip planning, trips, 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

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

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

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.

Seeing grammatical terms such as Adjective and Adverb alongside abbreviations such as API highlights how different kinds of words need different explanations. For learners, a one-sentence definition and a short usage example would help distinguish a word's meaning from merely recognizing its spelling. It would also be useful to distinguish an abbreviation's expansion from what it means in context.

Tag Archives: placement

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: placement

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList