Tag Archives: action

Animated GIF Slide Extraction User Experience Tutorial

Posted on June 6, 2024 by admin

We often equate the term “user experience” with “niceties”, in that we often find we deal with “user experience” issues well into a project, but you can put more effort into forward design planning so that you deal with it … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, 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, 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, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, 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.btoa, window.open | Leave a comment

Animated GIF Creation Canvas Integration via Slide Extraction Tutorial

Posted on June 5, 2024 by admin

Thinking about yesterday’s Animated GIF Creation Data Limits via Slide Extraction Tutorial‘s progress … What about if the user is happy to use those filled in animated GIF slide textboxes (with delay and title) to create a user created (and … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], action, 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, 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, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, utf-8, watermark, web server, window.btoa, window.open | Leave a comment

Animated GIF Creation Data Limits via Slide Extraction Tutorial

Posted on June 4, 2024 by admin

Even PHP’s $_POST[] approach to HTML form navigation data sharing has it’s limits, and that can be challenged when considering a whole set of data-URI defined animated GIF slide images. But, behind the scenes, when $_POST[] does not get filled … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], action, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, data, data limits, data uri, data url, 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, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, utf-8, watermark, web server, window.btoa, window.open | 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

Cut to the Chase of Blog Posting Mobile Events Tutorial

Posted on July 16, 2023 by admin

On the way to you reading this blog posting there have been numerous intervention points for us, as overseeing programmers … PHP server layer before any client side intervention … PHP header.php interfaces from server side considerations into Javascript client … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged action, action item, argument, blog, blog posting title, concept, content, Cut to the Chase, element, header.php, HTML, image, iOS, iPad, iPhone, Javascript, link, mobile, ontouchmove, PHP, post, posting, posting title, programming, title, tutorial, TwentyTen, TwentyTen theme, url, Wordpress | 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: action

Animated GIF Slide Extraction User Experience Tutorial

Animated GIF Creation Canvas Integration via Slide Extraction Tutorial

Animated GIF Creation Data Limits via Slide Extraction Tutorial

Cut to the Chase of Blog Posting Mobile Events Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: action

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList