Tag Archives: window

Ball Game Canvas Animation Primer Tutorial

Posted on December 22, 2024 by admin

In the 70’s (ie. 1970’s), around and in Australian squash court complexes, people would get excited by the squash, and the “coffee table” style computer games based on balls and bats and walls. Well, today, we were reminded of those … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, ball, bounce, canvas, event, game, onclick, onmousemove, onmouseout, programming, proof of concept, requestAnimationFrame, tutorial, wall, window | Leave a comment

Webpage Before Onload Event Client Server Report Tutorial

Posted on November 27, 2024 by admin

And so, today, we expose all the fun we’ve been having running an Apache/PHP/MySql web server where both … HTML and Javascript and CSS … on the clientside of yesterday’s Webpage Before Onload Event Report Tutorial … can get backed … Continue reading →

Posted in eLearning, Tutorials | Tagged client/server, clientside, document.dody, document.referrer, document.URL, DOM, form, hash, hashtag, hashtagging, HTML, Javascript, MAMP, navigation, onload, PHP, popup, programming, proof of concept, serverside, tutorial, web server, webpage, window, window.open, window.opener | Leave a comment

Webpage Before Onload Event Report Tutorial

Posted on November 26, 2024 by admin

Although Javascript DOM used on the clientside of webpage production online thrives after the document.body onload event, we’ve been finding, especially regarding hashtag usage, more and more uses even before the document.body onload event. Why this interest? the earlier you … Continue reading →

Posted in eLearning, Tutorials | Tagged clientside, document.dody, document.referrer, document.URL, DOM, form, hash, hashtag, hashtagging, HTML, Javascript, MAMP, navigation, onload, PHP, popup, programming, proof of concept, tutorial, webpage, window, window.open, window.opener | Leave a comment

Australian Postcode Place Revisit Tutorial

Posted on November 12, 2024 by admin

You know how you get to a relatively empty carpark and have more trouble deciding than if it had been chock-a-block? That’s our excuse for all the ways we found for improvement regarding this “where of life” web application, on … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Australia, background, background image, background-position, bearing, body, cross-domain, crow fly, degrees, distance, event, function, geographicals, Google chart, Google Directions, Google Maps, image, integer, Javascript, leading zero, map chart, mathematics, modal, modal backdrop, moveTo, nearby, Northern Territory, onblur, onload, onmouseover, photo, photograph, popup, postcode, programming, setting out, sort, stopPropagation, title, tutorial, webpage, where, Wikipedia, window, window.open, zero | Leave a comment

PHP Migration Software Strategies Tutorial

Posted on September 13, 2024 by admin

It occurred to us today that, in an ongoing sense, with our “post DNS changeover” phase of operations, we predominantly have two approaches to progressing our cause of migrating (what used to be CentOS hosted) PHP (starting with a 5) … Continue reading →

Posted in eLearning, Software, Tutorials | Tagged Apache, code, debugging, edit, editing, error, error_log, fgrep, line number, Linux, migration, PHP, programming, software, Terminal, tutorial, window | Leave a comment

Earth Scanner Initial Placename Popup Window Tutorial

Posted on July 18, 2024 by admin

With the Earth Bearing Distance Missing Two Hashtagged Mailto Sharing Tutorial it was the same Earth Scanner web application involved as talked about in Earth Scanner Placements Tutorial where it talked about the URL … https://www.rjmprogramming.com.au/HTMLCSS/earth_scanner.html?nontz=Alice_Springs%7C133.8807%7C_23.6980%7CAU#Alice_Springs … or equivalent in … Continue reading →

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

Animated GIF Slide Extraction Applied CSS Styling Tutorial

Posted on June 9, 2024 by admin

We dedicate today’s blog posting to the English phrase (that maybe works in other languages) … Same, same but different … as it is about the pros and cons of HTML iframe integration, especially as it applies to CSS styling. … Continue reading →

Posted in eLearning | Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, Ajax, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, CSS, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, popup, position, programming, pros and cons, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, speed test, style, styling, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window, window.btoa, window.open, window.opener | Leave a comment

Animated GIF Slide Extraction CSS Styling Tutorial

Posted on June 8, 2024 by admin

Another aesthetic plus on top of … user experience improvements … can be … CSS styling … which we flesh out more of today, further to yesterday’s Animated GIF Slide Extraction Speed Test Tutorial. What was new to us with … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, Ajax, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, CSS, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, popup, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, speed test, style, styling, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window, window.btoa, window.open, window.opener | 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.

Tag Archives: window

Ball Game Canvas Animation Primer Tutorial

PHP Migration Software Strategies Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: window

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList