HTML | Robert James Metcalfe Blog

Other Side of the World Reworked Logic Tutorial

You may recall in the recent Audio and Video Creator via Media Browsing Image Background Email Tutorial how we had a link … on the other side of the wooooooorrrrrlllllddd … which got us to our “Other Side of the … Continue reading →

Text to Emoji Translation Textarea Sharing Tutorial

The recent Text to Emoji Translation Textarea PHP Sort Tutorial got to “selfish point status”. Huh?! Well, that is the status with a web application that “creates” or “converts” or can be thought of as “useful” or being a “tool” … Continue reading →

HTML Map Element SVG Context Google Search Tutorial

When including URLs away from the domain (ie. “third party”) on which your webpage resides then you are at risk, over time, when it comes to using URLs optionally involving arguments delimited by ? (first) and (subsequent) & (what we … Continue reading →

TextArea to Speech via macOS iTunes Tutorial

The recent Text to Emoji Translation Textarea Tutorial got me forensically examining the two finger gesture menu of an HTML textarea of a webpage, hosted on macOS. We’d never visited the “Services” submenu here, and were gobsmacked that we, as … Continue reading →

Text to Emoji Translation Textarea PHP Sort Tutorial

You can definitely benefit, as a programmer, with a sceptical outlook. The way we developed the recent Text to Emoji Translation Textarea Tutorial‘s web application was a case in point. It felt too simplistic by half, and so it panned … Continue reading →

Wikipedia Flipcard Quiz Emoji Contenteditable Tutorial

Wow! It’s been a while since we’ve talked about HTML elements within the body element of a webpage! That long running “Just Javascript” card game work had me thinking of other CSS and Javascript thoughts more associated with your (invisible … Continue reading →

Text to Emoji Translation Textarea Tutorial

Within the design of the web application behind yesterday’s Text to Emoji Translation Primer Tutorial it would have grated with many web purists that … the data being textual (emojis are text) … we entered “data” into a “textarea” element … Continue reading →

Text to Emoji Translation Primer Tutorial

We’re starting a new coding project, today, calling on the genius of Emojipedia for an … Emoji-ize Text … mangling of English … as well as an interesting substitutional feeling web tool. Admittedly we started the day wondering about that … 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

Other Side of the World Reworked Logic Tutorial

HTML Map Element SVG Context Google Search Tutorial

TextArea to Speech via macOS iTunes Tutorial

Text to Emoji Translation Textarea PHP Sort Tutorial

Wikipedia Flipcard Quiz Emoji Contenteditable Tutorial

Text to Emoji Translation Textarea Tutorial

Text to Emoji Translation Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments