Tag Archives: GUI

Inkscape AlmaLinux Command Line PDF to SVG Primer Tutorial

Posted on January 27, 2025 by admin

SVG is all about vector image data. Inkscape is a great Open Source vector image editor (as you might surmise from Inkscape Vector Image Editor Watermark Tutorial), and distinct from a pixel (or raster) image based image editor like Gimp, … Continue reading →

Posted in eLearning, Installers, Operating System | Tagged AlmaLinux, command, command line, conversion, GUI, image, inkscape, install, installer, Linux, operating stsren, package, Package Manager, PDF, SVG, tutorial, vector | Leave a comment

Gmail Email Attachment Photo Order Tutorial

Posted on October 29, 2024 by admin

Regarding the composing of reasonably complex business emails, in our mind, we like to separate the Gmail (iOS mobile app, in today’s case) email composing of ones that will involve a photograph image attachment or two into two categories, in … Continue reading →

Posted in eLearning, GUI, iOS, Operating System, Tutorials | Tagged app, attachment, bessiness, Blurb, body, collaboration, communication, compose, composing, copy, email, Gmail, graphics, GUI, image, iOS, iPad, iPhone, Mac, macOS, messages, messages app, photos, Photos app, recipient, save, select, sharing, SMS, subject, text | Leave a comment

Canvas Drag and Drop Positively Practical Tutorial

Posted on April 3, 2024 by admin

We all know “there’s practical” and “there’s practical”, and with yesterday’s Canvas Drag and Drop Positively Robust Tutorial all the new Drag and Drop functionality is getting there, but what if … user starts scribbling on the canvas … allow … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GUI, Tutorials | Tagged access key, animated gif, animation, annotation, background, button, canvas, click, collaboration, communication, data uri, data url, div, drag, drag and drop, drop, email, emailee, emoji, emoji button, event, file, graphics, GUI, hashtag, hashtagging, hotkey, HTML, HTML5, Javascript, key, keyboard, keydown, link, mailto, media, media file, onclick, ondragover, ondragstart, ondrop, onkeydown, onload, output, popup, popup window, presentation, programming, prompt, proof of concept, recipient, share, sharing, slide, stop press, text, textarea, tutorial, webpage, window | 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: GUI

Inkscape AlmaLinux Command Line PDF to SVG Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: GUI

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList