Tag Archives: rectangle

Javascript Convex Polygon Analyze Arguments Tutorial

Posted on March 19, 2020 by admin

The recent Javascript Convex Polygon Analyze Tutorial lacked some straightforward means by which the user could control (via ? and & address bar URL argument manipulations) … newly instigated “glow” CSS as per … var dglowc=”; if (document.URL.indexOf(‘glow=’) != -1) … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, adjacent, argument, arguments, colour, convex polygon, div, geographic information system, geometry, getBoundingClientRect, HTML colour name, innerHTML, intersect, Mapping, mathematics, michelangelo, overlay, polygon, position, rectangle, rotate, rotation, separate, SVG, title, within | Leave a comment

Javascript Convex Polygon Analyze Tutorial

Posted on March 17, 2020 by admin

We progress on our latest web application from the progress up to Javascript Rotated Rectangle Analyze Tutorial by allowing for … unrotated triangle unrotated convex 5 sided polygon unrotated convex 6 sided polygon unrotated convex 7 sided polygon unrotated convex … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, adjacent, colour, convex polygon, div, geographic information system, geometry, getBoundingClientRect, HTML colour name, innerHTML, intersect, Mapping, mathematics, michelangelo, overlay, polygon, position, rectangle, rotate, rotation, separate, SVG, title, within | Leave a comment

Javascript Rotated Rectangle Analyze Tutorial

Posted on March 16, 2020 by admin

The Javascript logic of the recent Javascript Rectangle Analyze Follow Up Tutorial needed no trigonometrical mathematics, but the simple progression from … HTML div rectangle data … to … randomly rotated HTML div rectangle data … via CSS style=”transform:rotate(30deg);transform-origin:left top;” … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged adjacent, colour, div, geographic information system, geometry, getBoundingClientRect, HTML colour name, intersect, Mapping, mathematics, michelangelo, polygon, rectangle, rotate, rotation, separate, within | Leave a comment

Javascript Rectangle Analyze Follow Up Tutorial

Posted on March 14, 2020 by admin

As improvements to yesterday’s Javascript Rectangle Analyze Primer Tutorial we thought … allow the user to change the number of colours from its default 11 … and we thank Color Names — HTML Color Codes to allow us to get … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged adjacent, colour, geographic information system, geometry, getBoundingClientRect, HTML colour name, intersect, Mapping, mathematics, michelangelo, rectangle, separate, within | Leave a comment

Javascript Rectangle Analyze Primer Tutorial

Posted on March 13, 2020 by admin

We’re not trying to compare programming to Michelangelo’s art, but did you know that he chose the marble he wanted at the quarry, presumably imagining what was possible with that marble? In line with that, do you like “glass half … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged adjacent, geographic information system, geometry, getBoundingClientRect, intersect, Mapping, mathematics, michelangelo, rectangle, separate, within | Leave a comment

HTML Square Horizontal Rule Image Map Notice Board Tutorial

Posted on April 1, 2019 by admin

Following on from yesterday’s HTML Square Horizontal Rule Image Map Are You Okay Tutorial we wanted, today, to “test the waters” with the news of recent emoji additions to ask a lot of this world, and see how emojis stack … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aged care, attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, diary, dictionary, Did you know, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, FileZilla, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, international signage, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, MAMP, map, match, mathematics, Memories, meta, mobile, mobile app, multiple, multiple hashtag, navigation, notice board, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PhotoBooth, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, TextWrangler, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | Leave a comment

HTML Square Horizontal Rule Image Map Are You Okay Tutorial

Posted on March 31, 2019 by admin

The recent HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial has a fair degree of flexibility, and we want to try more ideas to learn more (and modify more, as you will see later). Was reading through a course … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, diary, dictionary, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, map, match, mathematics, Memories, meta, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PhotoBooth, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | Leave a comment

HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial

Posted on March 13, 2019 by admin

We add onto yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Content Tutorial‘s Global data-* Attribute items functionality the new … Tick Cross Text and/or Emoji over one line Text and/or Emoji over two lines Question and Answer Quiz … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, dictionary, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | 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: rectangle

Javascript Convex Polygon Analyze Arguments Tutorial

Javascript Convex Polygon Analyze Tutorial

Javascript Rotated Rectangle Analyze Tutorial

Javascript Rectangle Analyze Follow Up Tutorial

Javascript Rectangle Analyze Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: rectangle

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList