Tag Archives: layout

WordPress Blog Comments Latest Comments Widget Tutorial

Posted on October 13, 2026 by admin

We’re delving into WordPress.org comments again today, further to WordPress Blog Comments URL Right Click Popup Check Prevent Default Tutorial … improving on the old “Recent Comments” widget … transferring it into the “Inactive Widgets” webpage section in favour of … Continue reading →

Posted in eLearning, Tutorials | Tagged admin, Akismet, blog, CMS, codex, comment, comments, configuration, CSS, functions.php, layout, limit, limitation, moderation, PHP, programming, restriction, tutorial, twenty ten, TwentyTen theme, webpage, widget, word limit, Wordpress, wordpress.org | Leave a comment

List to Grid Layout CSS Media Query Tutorial

Posted on October 9, 2026 by admin

Onto yesterday’s List to Grid Layout Primer Tutorial another W3schools webpage helped us, enormously, go a bit further with this “Grid Layout” theme, and add into the mix … CSS Media Query design “a” link navigation … occasionally to … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged comma, comma separated values, CSS, CSV, data, delimitation, delimiter, grid, HTML, layout, list, media query, presentation, programming, responsive, responsive design, spreadsheet, table, tutorial, w3schools | Leave a comment

List to Grid Layout Primer Tutorial

Posted on October 8, 2026 by admin

Thanks to this useful W3schools link‘s inspiration we’re embarking on a project where … any concept (as is often referred to as CSV data or, perhaps, spreadsheet data) of a list … can be presented … in a grid (or … Continue reading →

Posted in eLearning, Tutorials | Tagged comma, comma separated values, CSS, CSV, data, delimitation, delimiter, grid, HTML, layout, list, presentation, programming, spreadsheet, table, tutorial, w3schools | Leave a comment

Mak-yek Game Tutorial

Posted on September 7, 2023 by admin

Adding to the recent Chess and Draughts Game Styling Tutorial we add … a Mak-yek Game (as proposed today) … has more in common with … a Chess Game … in the sense that the … playing board is the … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged actual, Ajax, algorithm, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, check, checkmate, chess, clicking, code, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, CSS, data uri, data url, details, Did you know, dimensions, document, Document Root, DOM, draughts, ellipsis, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, huddling, image, image file, iOS, IP address, Javascript, king, layout, line break, link, localStorage, logic, mail server, mailto, mak-yek, message, mobile, move.moves, nowrap, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, reveal, rook, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, setTimeout, share, sharing, sidle, signature, size, sizing, smart device, SMS, sms number, stop press, strategy, style, styling, summary, temporary, toggle, touch, touchdown, tutorial, url, user experience, UX, web browser, web server, web share api, width, window.localStorage, XMLHttpRequest | Leave a comment

Chess and Draughts Game Styling Tutorial

Posted on September 5, 2023 by admin

Onto yesterday’s Draughts Game Logic Tutorial we progress with … mild styling makeovers for the Chess and Draughts Game looks … structure of webpage, in a user experience sense, helping make enough room for the main point of the webpage, … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged actual, Ajax, algorithm, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, check, checkmate, chess, clicking, code, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, CSS, data uri, data url, details, Did you know, dimensions, document, Document Root, DOM, draughts, ellipsis, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, image, image file, iOS, IP address, Javascript, king, layout, line break, link, logic, mail server, mailto, message, mobile, move.moves, nowrap, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, reveal, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, setTimeout, share, sharing, signature, size, sizing, smart device, SMS, sms number, strategy, style, styling, summary, temporary, toggle, touch, touchdown, tutorial, url, user experience, UX, web browser, web server, web share api, width, XMLHttpRequest | Leave a comment

Draughts Game Logic Tutorial

Posted on September 4, 2023 by admin

Is “mutipurposing code” overrated? We asked the general populace. . . . . . . . . . . . . . . . . . . . . . . . . You know what? We’ll leave that topic … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged actual, Ajax, algorithm, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, check, checkmate, chess, clicking, code, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, data uri, data url, Did you know, dimensions, document, Document Root, DOM, draughts, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, image, image file, iOS, IP address, Javascript, king, layout, link, logic, mail server, mailto, message, mobile, move.moves, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, setTimeout, share, sharing, signature, size, sizing, smart device, SMS, sms number, strategy, temporary, toggle, touch, touchdown, tutorial, url, web browser, web server, web share api, width, XMLHttpRequest | Leave a comment

Chess Game Check Logic Tutorial

Posted on September 3, 2023 by admin

Finally, after the recent Chess Game Correspondence Tutorial, today, we tackle … Chess check logic … regarding … castling knowing when your King is in check or somebody has put your King in check knowing when an illegal move has … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged actual, Ajax, algorithm, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, check, checkmate, chess, clicking, code, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, data uri, data url, Did you know, dimensions, document, Document Root, DOM, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, image, image file, iOS, IP address, Javascript, king, layout, link, logic, mail server, mailto, message, mobile, move.moves, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, share, sharing, signature, size, sizing, smart device, SMS, sms number, strategy, temporary, toggle, touch, touchdown, tutorial, url, web browser, web server, web share api, width, XMLHttpRequest | Leave a comment

Chess Game Correspondence Tutorial

Posted on August 31, 2023 by admin

Yesterday’s Chess Game Midway Scenario Layout Tutorial “Midway Layout Scenario” for our Chess Game Practice was a conduit to another idea. Any ideas what? Anyone? Anyone? Yes, Con Nike, we can send off a snapshot of the Chess Game at … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged actual, Ajax, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, chess, clicking, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, data uri, data url, Did you know, dimensions, document, Document Root, DOM, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, huddling, image, image file, iOS, IP address, Javascript, layout, link, logic, mail server, mailto, message, mobile, move.moves, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, share, sharing, signature, size, sizing, smart device, SMS, sms number, strategy, temporary, toggle, touch, touchdown, tutorial, url, web browser, web server, web share api, width, XMLHttpRequest | 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: layout

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList