Tag Archives: HTML

Diagonal Element Rubber Banding Mobile Tutorial

Posted on January 31, 2026 by admin

Yesterday’s Diagonal Element Rubber Banding Tutorial saw “Rubber Banding” introduced, better for non-mobile, but today … we shore up mobile “Rubber Banding” via ontouchmove introduced … document.body.ontouchmove=function(e){ var rectis=document.body.getBoundingClientRect(); if (e.touches[0].clientX) { ourDrawLine(eval(rectis.left + e.touches[0].clientX), eval(rectis.top + e.touches[0].clientY)); } else … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged aesthetics, click, CSS, DOM, emoji, emoji flag, emoji menu, entity, event, favicon, form, HTML, html entity, icon, innerHTML, input, interactive input, iOS, Javascript, mobile, mouseout, navigation, onclick, onload, onmousemove, onmouseout, onsubmit, PHP, programming, share, sharing, submit, SVG, tab, tab icon, textarea, textbox, textbox type, tutorial, type, user, user input, value, web browser | Leave a comment

Diagonal Element Rubber Banding Tutorial

Posted on January 30, 2026 by admin

Some days before yesterday’s Diagonal Element Square Nesting Tutorial we compared this current “nesting” diagonal element logic to … Yes, this might be thought of as “overkill” compared to … hr element rotations … and/or … SVG … and, today, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aesthetics, click, CSS, DOM, emoji, emoji flag, emoji menu, entity, event, favicon, form, HTML, html entity, icon, innerHTML, input, interactive input, Javascript, mouseout, navigation, onclick, onload, onmousemove, onmouseout, onsubmit, PHP, programming, submit, SVG, tab, tab icon, textarea, textbox, textbox type, tutorial, type, user, user input, value, web browser | Leave a comment

Diagonal Element Square Nesting Tutorial

Posted on January 29, 2026 by admin

We’re adding onto the day before yesterday’s Diagonal Element Nesting Analogue Clock Tutorial some diagonal … display: inline; display: inline-block; … nested diagonals across a square, testing more placement accuracy concepts … function analyze(iois) { var arecto=null, brecto=null, brecto=null, elesa=[], … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged analogue clock, cell, clock, diagonal, diagonality, display, geometry, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, rotate, rotation, square, table, table cell, text, texxtarea, tutorial | Leave a comment

Circle Terminology in Mathematics Jitters Tutorial

Posted on January 28, 2026 by admin

Before today’s work the blog posting Circle Terminology in Mathematics Tutorial below would annoy because a “soon after page load” navigation to an iframe way below. We’ve seen problems like that before, and it’s normally been due to (where the … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, astronomy, background, background image, bar chart, base64, button, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, focus, formula, geometry, Google, Google Charts, hash, hashtag, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, molecule, navigate, navigation, nest, nesting, onclick, orbit, periodic table, perspective, planet, programming, prompt, quiz, radius, scale, science, search engine, select, size, solar system, statistics, stop press, sun, SVG, svg+xml, tagged animated gif, text justification, tool, user, utf-8, watermark, window.prompt, year | Leave a comment

Diagonal Element Nesting Analogue Clock Tutorial

Posted on January 27, 2026 by admin

Those two diagonal lines produced in yesterday’s Diagonal Element Nesting Tutorial made us wonder … What can you build with controlled rotation and involving two diagonal elements? … and, of course, your Local Time Analogue Clock with it’s hour hand … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged analogue clock, cell, clock, diagonal, diagonality, display, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, rotate, rotation, table, table cell, text, texxtarea, tutorial | Leave a comment

Diagonal Element Nesting Tutorial

Posted on January 26, 2026 by admin

A variation on yesterday’s Nesting Primer Tutorial, as well as being inspired by that work is today’s … diagonal element … via … nested … display: inline; display: inline-block; … sub topleft to bottomright diagonal componentry element look sup bottomleft … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged cell, diagonal, diagonality, display, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, rotate, rotation, table, table cell, text, texxtarea, tutorial | Leave a comment

Nesting Primer Tutorial

Posted on January 25, 2026 by admin

The text (which can include emojis) … display: inline; display: inline-block; … HTML elements are endlessly fascinating in our eyes, regarding the “nesting” of elements. You can read all you like about this at a website like W3schools but we … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged cell, display, HTML, inline, inline-block, innerHTML, Javascript, nest, nested, nesting, programming, table, table cell, text, texxtarea, tutorial | Leave a comment

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

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

Tag Archives: HTML

Diagonal Element Rubber Banding Tutorial

Diagonal Element Square Nesting Tutorial

Diagonal Element Nesting Analogue Clock Tutorial

Diagonal Element Nesting Tutorial

Nesting Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: HTML

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList