Tag Archives: label

Just Javascript Five Hundred Card Game Emoji Entities Tutorial

Posted on May 3, 2021 by admin

We happened to open up a new email client application to the remote 500 card player emails of yesterday’s Just Javascript Five Hundred Card Game Internationalization Tutorial and, at least for our macOS Mail app, the suit and card emojis … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Games, Operating System, Tutorials | Tagged aesthetics, Ajax, animation, array, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, button, card game, cards, cell, click, codepoint, collaboration, colour, colour coding, comma, content, content management, createElement, CSS, CSS3, cursor, data uri, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, double click, drag, drag and drop, dropdwon, email, emoji, entity, event, fallback, filter, focus, font, form, FormData, game, games, global, global variable, head, HTML, html entity, internationalization, Javascript, joker, keyframes, kitty, label, list, localStorage, logic, macOS, Mail, mailto, Mapping, mclick, Memories, name, names, naming, navigation, onions, order, player, popup, preventDefault, programming, prompt, quiz, render, rendering, row, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, String.fromCodePoint, style, styling, subject, submit, suit, SVG, table, tabular, tbody, thead, timing, touch, trick, tutorial, user experience, UX, variable, web browser, web inspector, webpage, window.opener | Leave a comment

Just Javascript Five Hundred Card Game Internationalization Tutorial

Posted on May 2, 2021 by admin

Continuing themes from yesterday’s Just Javascript Five Hundred Card Game Email Tutorial we’ve been shoring up aspects to the user experience for our 500 card game web application via … internationalization focus on increased use of … emojis (eg. suit … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged aesthetics, Ajax, animation, array, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, button, card game, cards, cell, click, collaboration, colour, colour coding, comma, content, content management, createElement, CSS, CSS3, cursor, data uri, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, double click, drag, drag and drop, dropdwon, email, emoji, event, fallback, filter, focus, font, form, FormData, game, games, global, global variable, head, HTML, internationalization, Javascript, joker, keyframes, kitty, label, list, localStorage, logic, mailto, Mapping, mclick, Memories, name, names, naming, navigation, onions, order, player, popup, preventDefault, programming, prompt, quiz, render, rendering, row, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, style, styling, subject, submit, suit, SVG, table, tabular, tbody, thead, timing, touch, trick, tutorial, user experience, UX, variable, web browser, web inspector, webpage, window.opener | Leave a comment

Just Javascript Five Hundred Card Game Email Tutorial

Posted on May 1, 2021 by admin

In a blog post some time before yesterday’s Just Javascript Five Hundred Card Game CC Tutorial we talked of “order” when we presented Just Javascript Five Hundred Card Game Order Tutorial. Don’t know about you, but I find the combination … Continue reading →

Posted in Ajax, eLearning, Games, Tutorials | Tagged aesthetics, Ajax, animation, array, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, button, card game, cards, cell, click, collaboration, colour, colour coding, comma, content, content management, createElement, CSS, CSS3, cursor, data uri, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, double click, drag, drag and drop, dropdwon, email, emoji, event, fallback, filter, focus, font, form, FormData, game, games, global, global variable, head, HTML, Javascript, joker, keyframes, kitty, label, list, localStorage, logic, mailto, Mapping, mclick, Memories, name, names, naming, navigation, onions, order, player, popup, preventDefault, programming, prompt, quiz, render, rendering, row, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, style, styling, subject, submit, SVG, table, tabular, tbody, thead, timing, touch, trick, tutorial, user experience, UX, variable, web browser, web inspector, webpage, window.opener | Leave a comment

Just Javascript Five Hundred Card Game CC Tutorial

Posted on April 30, 2021 by admin

On top of yesterday’s Just Javascript Five Hundred Card Game Names Tutorial “names for numbers” work, today we have two themes to the work … shore up that offer on the “500 card game” first Javascript prompt window to enter … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials | Tagged aesthetics, Ajax, animation, array, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, button, card game, cards, click, collaboration, colour, colour coding, comma, content, content management, createElement, CSS, CSS3, cursor, data uri, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, double click, drag, drag and drop, dropdwon, email, emoji, event, fallback, filter, focus, font, form, FormData, game, games, global, global variable, HTML, Javascript, joker, keyframes, kitty, label, list, localStorage, logic, mailto, Mapping, mclick, Memories, name, names, naming, navigation, onions, order, player, popup, preventDefault, programming, prompt, quiz, render, rendering, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, style, styling, subject, submit, SVG, table, timing, touch, trick, tutorial, user experience, UX, variable, web browser, web inspector, webpage, window.opener | Leave a comment

Just Javascript Five Hundred Card Game Names Tutorial

Posted on April 29, 2021 by admin

Onto yesterday’s Just Javascript Five Hundred Card Game Rendering Timing Tutorial, being our web application is now dealing with collaboration and teams, wouldn’t it be good to provide a mechanism to turn those boring … Player 1,Player 2,Player 3,Player 4 … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials | Tagged aesthetics, Ajax, animation, array, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, button, card game, cards, click, collaboration, colour, colour coding, content, content management, createElement, CSS, CSS3, cursor, data uri, deal, defence, delay, design, document.createElement, document.querySelectorAll, double click, drag, drag and drop, dropdwon, email, emoji, event, fallback, filter, focus, font, form, FormData, game, games, global, global variable, HTML, Javascript, joker, keyframes, kitty, label, localStorage, logic, mailto, Mapping, mclick, Memories, name, names, naming, navigation, onions, order, player, popup, preventDefault, programming, prompt, quiz, render, rendering, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, style, styling, subject, submit, SVG, table, timing, touch, trick, tutorial, user experience, UX, variable, web browser, web inspector, webpage, window.opener | Leave a comment

Google Charts Timeline Group By Label Tutorial

Posted on January 14, 2020 by admin

It doesn’t take an Einstein to tell you that to keep reading and revisiting topics in I.T. is a good thing to do, if you have the time. We’ve been revisiting the Google Chart API documentation, specifically the Timeline Chart … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged API, array, data, documentation, event, GoogleChart, group, label, mixed content, PHP, programming, timeline, timeline chart, tutorial | Leave a comment

Octopus Anatomy Primer Tutorial

Posted on August 19, 2018 by admin

What do Carpentry and Octopus Anatomy have in common? Many hands make light fittings get a bevelled edge? No, for us, finding an arrowed diagram for Octopus Anatomy that functioned like the one we used for our Carpentry web application … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, GIMP, Tutorials | Tagged anatomy, blur, carpentry, game, games, gaussian blur, GIMP, HTML, image, Javascript, label, map, mobilefish, octopus, programming, tutorial | Leave a comment

Group Email Primer Tutorial

Posted on July 29, 2018 by admin

The recent Contacts Primer Tutorial is like a prerequisite to today’s Group Email tutorial. Today’s tutorial is specifically using the Gmail website email environment (ie. webmail), which we’ll be comparing and contrasting to some nutting out a student and I … Continue reading →

Posted in eLearning, Tutorials | Tagged address, contacts, email, email address, Gmail, group, groups, label, name, people, send, tutorial, webmail | 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

The distinction between course-driven and immersion-driven learning is useful. A small extension to the australia.htm exercise would be a set of named map markers and a text filter: first update the visible markers on an input event, then add a collected/uncollected toggle, and finally persist only that toggle state in localStorage. That gives beginners a concrete reason to learn arrays, DOM updates and browser storage without needing PHP or MySQL first. It is also worth testing empty searches, a page reload and disabled storage separately; those are different failure cases. Disclosure: we maintain the GTA 6 interactive map. I am suggesting it as an example of a map-and-progress interface, not claiming that we used the tutorial code. Would you introduce persistence after the first working interaction, or keep the initial exercise entirely stateless?

What I find most interesting here is how honestly the post names the hard part: getting focus to work with [element].click() and [element].blur() is the kind of detail that looks trivial until you actually try to drive a page this way. The single-row table that deliberately overflows to the right also makes sense as a design choice, since a radio playlist needs to be scrolled through rather than squeezed into one screen. And the payoff — clicking one song link and having the songs play in sequence and loop back through the list — is a neat reward for all that plumbing with the audio-only YouTube player.

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.

Tag Archives: label

Octopus Anatomy Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: label

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList