HTML | Robert James Metcalfe Blog

Tag Archives: HTML

CSS Counters Game Primer Tutorial

Posted on May 3, 2020 by admin

How best to do a tutorial about a CSS feature doing very Javascript’y things? Yes, CSS Counters represents a CSS way to create dynamic content, which is usually the domain of Javascript scripting, as a lot of you would know. … Continue reading →

Posted in eLearning, Tutorials | Tagged counter, CSS, div, game, HTML, Javascript, programming, social distancing, tutorial | 1 Comment

Emoji Placeholder Internationalization Primer Tutorial

Posted on May 2, 2020 by admin

We discovered a great new “Emoji lookup” website the other day called English to Emoji! In past tutorials we’ll have told you about how good we’ve found Emojipedia‘s search functionality with regard to matching a “concept” to an “emoji”. We … Continue reading →

Posted in eLearning, Tutorials | Tagged emoji, form, HTML, initialize, input, internationalization, placeholder, programming, textbox, tutorial | Leave a comment

HTML Icons Primer Tutorial

Posted on May 1, 2020 by admin

Today we’re delving further into the HTML Icons start we made with yesterday’s Negative Margin CSS Primer Tutorial. W3school’s CSS Icons … How To Add Icons The simplest way to add an icon to your HTML page, is with an … Continue reading →

Posted in eLearning, Tutorials | Tagged bootstrap, CSS, Font Awesome, Google, HTML, icon, Javascript, programming, proof of concept, tutorial | Leave a comment

Negative Margin CSS Primer Tutorial

That HTML editor (in the form of a textarea element) of yesterday’s HTML Editor Inline HTML Email Tutorial may help you learn some … HTML design Javascript dynamics … and … CSS styling … and though for most programmers the … Continue reading →

HTML Editor Inline HTML Email Tutorial

We’re revisiting CSS 3D Transformation Matrix Making Of Interactive Javascript Tutorial because we wanted to add … Inline HTML Email (or (HTML Email Attachment) … and … Iframe Srcdoc attribute HTML content … additional functionality streams to this attempt by … Continue reading →

Fixed Questions Flexible Answers Linear Gradient Quiz Tutorial

Yesterday’s Fixed Questions Flexible Answers Quiz Tutorial proposed a world where scrolling to content is acceptable, but the fact is there are large parts of the design wooooorrrrlllld that thinks you should never get to have to scroll. We’re not … Continue reading →

Fixed Questions Flexible Answers Quiz Tutorial

Were you around for the recent HTML and Javascript and CSS Survey Levelling Tutorial game relying on “position:fixed;” “overlaying” ideas? Those same ideas pop up in today’s “Fixed Building Quiz” web application as with some of the recent Daylight Saving … 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

Emoji Placeholder Internationalization Primer Tutorial

HTML Icons Primer Tutorial

Negative Margin CSS Primer Tutorial

HTML Editor Inline HTML Email Tutorial

Fixed Questions Flexible Answers Quiz Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: HTML

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList