HTML | Robert James Metcalfe Blog

WordPress Blog Collaborative Annotated Email FormData Post Tutorial

Yesterday’s WordPress Blog Collaborative Annotated Email User Experience Tutorial helped with practicalities regarding user experience with this WordPress Blog highlighting of text accumulated into the body (as HTML attachment) and subject (as text) of an Annotated Email form of collaborative … Continue reading →

WordPress Blog Collaborative Annotated Email User Experience Tutorial

Did you try yesterday’s WordPress Blog Collaborative Annotated Email Tutorial highlighting of text Annotated Email functionality? If you did, you might have found a “hair trigger” timed user experience. You had a very small amount of time to decide on … Continue reading →

WordPress Blog Collaborative Annotated Email Tutorial

Further to WordPress Plugin Primer Tutorial of recent times, we’re adding to that “highlighting of blog text” (dynamic menu) the options … Email (that highlighted text) via the email client application via a “mailto:” “a” link SMS (that highlighted text) … Continue reading →

Feedback SMS via Highlighting Mark Tag Tutorial

It’s come around to that time of the year. Yes, it’s the day after yesterday, and the previous Email Subject Line Emojis Primer Tutorial last reference to our Feedback web application (around here) deserves a revisit. Why? The recent talking … Continue reading →

HTML5 Mark Tag Div Contenteditable Tutorial

The previous HTML5 Mark Tag View Page Source Tutorial used the newly introduced (with HTML5) element called mark tag (which highlights parts of text) in conjunction with content presented in an iframe element, already written. But as far as then … Continue reading →

HTML Mouse Events Colour Coded Tutorial

Compare yesterday’s HTML Onmouseup and Onmousedown Events Primer Tutorial to today’s work and we dare to prononce … Isn’t colour coding marvellous? Well, some people may disagree, but we’re definitely not disagreeing with ourselves … so there … ngair! (keeps … Continue reading →

HTML Onmouseup and Onmousedown Events Primer Tutorial

Yesterday’s HTML Onmouseleave and Onmouseout Events Primer Tutorial opened the door to the mouse events less commonly used, we venture. “But there’s more” here. Again, we venture, it is the onclick event that interests programmer’s the most, given the human … Continue reading →

HTML Onmouseleave and Onmouseout Events Primer Tutorial

Further to the event disrupters of HTML Event Disrupters Primer Tutorial we’re building a proof of concept on top of another proof of concept in order to talk about two HTML mouse events, those being … onmouseleave onmouseout … 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

Feedback SMS via Highlighting Mark Tag Tutorial

HTML5 Mark Tag Div Contenteditable Tutorial

HTML Mouse Events Colour Coded Tutorial

HTML Onmouseup and Onmousedown Events Primer Tutorial

HTML Onmouseleave and Onmouseout Events Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments