HTML | Robert James Metcalfe Blog

Walkways Quiz Game Primer Tutorial

Have you ever thought of a background image for a webpage, as a thing you could “regionally” click, as happens with the HTML map element? What about if we filled the webpage background with an HTML map element and its … Continue reading →

WordPress Blog Cut to the Chase Integration Tutorial

You may recall some time back we set up into our WordPress Blog modified “Recent Posts” logic to improve on the existing WordPress widget for this. When we wrote WordPress Recent Post Image Follow Up Tutorial we first introduced a … Continue reading →

Landing Page Cut to the Chase Interactivity Tutorial

We want to refine our “Cut to the Chase” functionality here at RJM Programming, working from the “building blocks” out to the end aim of our endeavours, to show you tomorrow. We, here, like to integrate, and if possible, have … Continue reading →

CSS3 Filters Primer Tutorial

It’s not just the image editor Gimp that has “filters” as tools to create effects with image data (files), as you might see with tutorials like Gimp Decor Filters Revisit Tutorial. These days, with CSS, and with CSS3 these days, … Continue reading →

HTML/Javascript Guided Snake Game Drag and Drop Tutorial

Drag and drop is a cute concept with web application design, but usually only when talking about non-mobile platforms. Drag and drop on “touch” gesture mobile devices is not a natural fit. You can achieve it on mobile platforms, but … Continue reading →

HTML/Javascript Guided Snake Game Primer Tutorial

We’ve got a new (web application) game today that reminds us of our previous HTML/Javascript Scrabbling Snakes Game Email Tutorial in that it snakes around, the user guided by one or both of … CSS cursor property CSS linear gradient … Continue reading →

Skeletal System Game Reveal Tutorial

Continuing on from yesterday’s Skeletal System Game Primer Tutorial that started us on a “reveal” and “overlay” and “map element” Skeletal System Game we’re developing, let’s, today, “drill down” a bit into that “reveal” concept. After all, there are so … Continue reading →

Skeletal System Game Primer Tutorial

We think there are two great “concepts” that help us understand the interplay between Javascript DOM and CSS styling when creating client side web applications, those being … “reveal” “overlay” … and today we combine these two concepts with another … Continue reading →

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

Latest Comments
1. Sean Zhang on Cocos2d Mac Game Hello World Cocos Creator TutorialNovember 14, 2026
  The Hello World starting point makes it easier to separate project setup from asset problems. A useful follow-up would be importing a small sprite sheet and checking frame dimensions, ordering and padding before adding animation logic. Previewing the individual frames first can help identify whether a problem comes from the artwork or from the engine configuration.
2. Hello Team on Javascript Course Primer TutorialNovember 13, 2026
  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?
3. tooloteca on Tabular Single Row Radio Play TutorialNovember 12, 2026
  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.
4. Aleister on Tabular Single Row Radio Play TutorialOctober 22, 2026
  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?
5. anagrampuzzle on Tabular Single Row Radio Play TutorialOctober 18, 2026
  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?

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Tag Archives: HTML

Walkways Quiz Game Primer Tutorial

CSS3 Filters Primer Tutorial

HTML/Javascript Guided Snake Game Drag and Drop Tutorial

HTML/Javascript Guided Snake Game Primer Tutorial

Skeletal System Game Reveal Tutorial

Skeletal System Game Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments