Tag Archives: screen

Inhouse Image Map Creator Interactive Drill Down Tutorial

Posted on June 19, 2026 by admin

It might be the case, often, with Image Map creations, as with our recent web application featuring in yesterday’s Inhouse Image Map Creator Drill Down Tutorial that the user needs to … strike while the iron is hot … regarding … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, co-ordinates, creator, double click, event, HTML, image, image map, image map creator, img, Javascript, map, mouse, mouse position, non-mobile, onclick, ondblclick, overlay, popup, position, programming, prompt, rectangle, resize, screen, shape, textarea, tool, tutorial, webpage, z-index | Leave a comment

Inhouse Image Map Creator Drill Down Tutorial

Posted on June 18, 2026 by admin

Onto yesterday’s Inhouse Image Map Creator Tutorial we’ve decided today’s work should stay within non-mobile realms but flesh out more user available functionality to help with “stage two” thinking. With that in mind … the image map HTML containing textarea … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, co-ordinates, creator, double click, event, HTML, image, image map, image map creator, img, Javascript, map, mouse, mouse position, non-mobile, onclick, ondblclick, overlay, popup, position, programming, rectangle, resize, screen, shape, textarea, tool, tutorial, webpage, z-index | Leave a comment

Inhouse Image Map Creator Tutorial

Posted on June 17, 2026 by admin

The “largely canvas” using web application last talked about with WordPress Blog Image Editing Media Tutorial, today, we’re excited to announce, has been given an “on first draft just image URL” using new … Image Map ( ie. <img src=”[image … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, co-ordinates, creator, event, HTML, image, image map, image map creator, img, Javascript, map, mouse, mouse position, non-mobile, onclick, overlay, position, programming, rectangle, resize, screen, shape, textarea, tool, tutorial, webpage, z-index | Leave a comment

Opera Web Browser Snapshot Tutorial

Posted on May 19, 2026 by admin

The Opera web browser, at least here on our macOS MacBook Air features a … Snapshot … menu of functionality, that, separate to any macOS desktop applications capable of screen snapshot creation or command-control-3 snapshots, that is the best we’ve … Continue reading →

Posted in eLearning, Operating System, Tutorials | Tagged capture, crop, desktop, image, menu, Opera, opera web browser, programming, rectangle, screen, screencapture, screenshot, snapshot, tutorial, web browser | Leave a comment

Landing Page Web Inspector iPhone CSS Styling Tutorial

Posted on July 1, 2025 by admin

We’ve put up with a Landing Page annoyance regarding iPhone Portrait viewing for some time now, but today we’ve bitten the bullet and attended to the issue whereby the last “g” in RJM Programming butted up to the right hand … Continue reading →

Posted in eLearning, iOS, Tutorials | Tagged border, className, content, CSS, device, DOM, font, HTML, iOS, iPhone, Javascript, landing page, margin, overflow, PHP, pixel, programming, screen, style, styling, tutorial, width, word wrap | Leave a comment

Window Object Screen Member Variables Overlay Tutorial

Posted on June 30, 2025 by admin

Onto yesterday’s Window Object Screen Member Variables Tutorial we nuance … “overlay” if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.body.innerHTML+='<span id=vertborder data-class=”hseparator” style=”color:transparent;position:absolute;left:91%;top:50%;z-index:99;transform:rotate(90deg);”>document.documentElement.clientHeight=’ + document.documentElement.clientHeight + ‘</span>’; } else { document.body.innerHTML+='<span id=vertborder data-class=”hseparator” style=”color:transparent;position:absolute;left:94.25%;top:50%;z-index:99;transform:rotate(90deg);”>document.documentElement.clientHeight=’ + document.documentElement.clientHeight + ‘</span>’; } and “flex” <style> .hseparator … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged border, dimension, DOM, flex, HTML, image, image map, Javascript, measurement, member, member variable, mobilefish, object, OOP, overlay, programming, screen, size, text shadow, tutorial, variable, window | Leave a comment

Window Object Screen Member Variables Tutorial

Posted on June 29, 2025 by admin

We stumbled upon an excellent diagram image to explain some of the window object member variables available to Javascript DOM and describing the various dimensions of device screen parts at https://moo-you.tistory.com/882 … … thanks. Knowing that, we harnessed the great … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged dimension, DOM, HTML, image, image map, Javascript, measurement, member, member variable, mobilefish, object, OOP, programming, screen, size, tutorial, variable, window | Leave a comment

Apple iOS Control Centre Tutorial

Posted on May 28, 2025 by admin

For many years now on any Apple iOS iPhone or iPad device we’d been around, we’d keep forgetting the relationship between a … top right swipe down (or bottom swipe up) gesture (as we talked about with Apple iPad Gesture … Continue reading →

Posted in eLearning, iOS, Tutorials | Tagged Apple, configuration, Control Centre, functionality, gesture, home, iOS, iPhone, menu, screen, settings, swipe, swipe down, swipe up, toggle, torch, 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
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…

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: screen

Inhouse Image Map Creator Tutorial

Opera Web Browser Snapshot Tutorial

Landing Page Web Inspector iPhone CSS Styling Tutorial

Window Object Screen Member Variables Overlay Tutorial

Window Object Screen Member Variables Tutorial

Apple iOS Control Centre Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: screen

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList