HTML | Robert James Metcalfe Blog

CSS3 Animations Below the Fold Asynchronous Tutorial

Yesterday’s CSS3 Animations Below the Fold Tutorial got us talking about “below the fold” and that concept’s natural “partner”, to our mind, is talk of “asynchronous” processing. These two ideas are very powerful. If you can be arranging your webpages … Continue reading →

CSS3 Animations Below the Fold Tutorial

There is a general term “Below the Fold” that says, as far as web design goes … Far enough down that it is not likely to be visible in the initial display of a standard browser window, such that the … Continue reading →

CSS3 Animations with Javascript DOM Primer Tutorial

We’re extending some ideas first played with CSS3 @keyframes Rule Primer Tutorial regarding CSS3 Animations, an important topic. Now in that previous work we never used Javascript, and today, we don’t clobber that version, because that is an important consideration … Continue reading →

HTML5 Form API Validation Primer Tutorial

HTML5 is more than just the “5” tagged on. Take a look at this list of API related parts to the HTML5 specification. As you may have gleaned from our recent HTML Input Element Types Randomized History Tutorial a lot … Continue reading →

Very Versus Too Game Primer Tutorial

There are heaps of nuances to web application design, in our eyes, where we like to discuss it in terms of (an issue often involving) … overlay … and/or … reveal … and as you might guess above, our “nuance” … Continue reading →

HTML/Javascript ESL Scenario Question Answer Game Tutorial

We have a new ESL (or “English as a Second or Foreign Language”) game on the topic of Scenario Question Answer, and getting the missing component, with some English sentences we present in the game. We thank How English Works … Continue reading →

HTML/Javascript Multiple Choice Quiz Reveal Tutorial

The previous HTML/Javascript Multiple Choice Quiz Administration Tutorial saw us create a Multiple Choice Quiz based on the “pub quiz” style game called Eggheads “where a challenger team of 5 tries to defeat a champion team of 5 in a … Continue reading →

Javascript Promises Object and async Genericization Tutorial

Today, we’re pulling together two recent threads of blog posting ideas … Promise object … and … async (and await) … both controllers of “asynchronicity in web application” tools, building on yesterday’s Javascript async and await Primer Tutorial. They are … 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

CSS3 Animations Below the Fold Asynchronous Tutorial

CSS3 Animations Below the Fold Tutorial

CSS3 Animations with Javascript DOM Primer Tutorial

HTML5 Form API Validation Primer Tutorial

Very Versus Too Game Primer Tutorial

HTML/Javascript ESL Scenario Question Answer Game Tutorial

Javascript Promises Object and async Genericization Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments