Tag Archives: YouTube

Google Chart Image Chart Colour Tutorial

Posted on December 5, 2023 by admin

Restricting you creatives to “inhouse annotations” of the “gray variety” might be seen as a bit boooorrrriiiinnnngggg! And so, onto the progress up to yesterday’s Google Chart Image Chart Rubber Banding Tutorial, today we’ve added a … colour picker … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged angle, animated gif, annotation, attrribute selector, bar chart, border-radius, broadcast, candlestick chart, canvas, circle, colour, concept, context, CSS, data, degrees, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, event.stopPropagation, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, imageellipse, imagefilledellipse, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, song, spread, statistics, stopPropagation, substitution, ternery, text, thumbnail, touch, touchdown, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Rubber Banding Tutorial

Posted on December 4, 2023 by admin

The Javascript clientside idea of “Rubber Banding” … Rubber banding is a popular technique of drawing geometric primitives such as line, polylines, rectangle, circle and ellipse on the computer screen. … really appeals to our “inner programmer” … damn! … … Continue reading →

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged animated gif, annotation, attrribute selector, bar chart, border-radius, broadcast, candlestick chart, canvas, circle, concept, context, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, event.stopPropagation, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, imageellipse, imagefilledellipse, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, song, spread, statistics, stopPropagation, substitution, ternery, text, thumbnail, touch, touchdown, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Circle Annotation Tutorial

Posted on December 3, 2023 by admin

Today, we add … open circle filled circle … annotation possibilities onto the “Broadcast Talk” work in yesterday’s Google Chart Image Chart Broadcast Talk Context Tutorial. The CSS border-radius property has come to the rescue of many a programmer, saving … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animated gif, annotation, attrribute selector, bar chart, border-radius, broadcast, candlestick chart, canvas, circle, concept, context, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, imageellipse, imagefilledellipse, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, thumbnail, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Broadcast Talk Context Tutorial

Posted on December 2, 2023 by admin

The progress, today, along the same lines as yesterday’s Google Chart Image Chart Broadcast Talk Tutorial‘s introduction of a “Broadcast Talk” functionality, was to … improve “Broadcast Talk” context, by adding onto yesterday’s … presented as an update image still … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged animated gif, annotation, attrribute selector, bar chart, broadcast, candlestick chart, canvas, concept, context, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, thumbnail, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Broadcast Talk Tutorial

Posted on December 1, 2023 by admin

Onto yesterday’s Google Chart Image Chart Statistical Charts Tutorial progress we want to offer … once a user has that “More Annotation” annotating happening … offer the chance to … Broadcast … their work as it happens, dynamically … to … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged annotation, attrribute selector, bar chart, broadcast, candlestick chart, canvas, concept, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Statistical Charts Tutorial

Posted on November 30, 2023 by admin

Further to yesterday’s Google Chart Image Chart Pie Chart Tutorial, today, we embark on our first ventures into composite charts, along what we like to think of as “statistical lines”, regarding interfacing to Google Charts Image Chart … Line Chart … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged annotation, attrribute selector, bar chart, candlestick chart, canvas, concept, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Pie Chart Tutorial

Posted on November 29, 2023 by admin

As we intimated in yesterday’s Google Chart Image Chart GraphViz Chart Tutorial … start with an at least two part “inhouse phase” of additional “extra to text” annotation functionality possibilities … … we would return! And so, here thou lingers. … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged annotation, attrribute selector, canvas, CSS, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, interface, line, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, scatter chart, scribble, scroll, scrolling, song, substitution, text, touch, tutorial, user, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart GraphViz Chart Tutorial

Posted on November 28, 2023 by admin

Today we have two strands of forward progress, onto the progress up to yesterday’s Google Chart Image Chart Scatter Chart Tutorial, they being … establish a new interfacing to GraphViz Chart … GraphViz is a package of open source tools … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged annotation, attrribute selector, CSS, Did you know, div, dropdown, earworm, event, GD, gesture, Google Charts, GraphViz, GraphViz Chart, GUI, hardcoding, interface, line, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, placement, play, play button, programming, rectangle, scatter chart, scroll, scrolling, song, substitution, text, touch, tutorial, user, venn chart, Venn diagram, video, web browser, 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

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

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: YouTube

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList