Tag Archives: innerHTML

Diagonal Element Rubber Banding Mobile Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Diagonal Element Rubber Banding Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Diagonal Element Square Nesting Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Diagonal Element Nesting Analogue Clock Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Diagonal Element Nesting Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , | Leave a comment

Nesting Primer Tutorial

Posted on by

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 , , , , , , , , , , , , , , , | Leave a comment

SVG Emoji Favicon HTML Entities Tutorial

Posted on by

Yesterday’s SVG Emoji Favicon Textarea Tutorial … textarea SVG … adding onto … numerical codepoint definition means to an Emoji definition in terms of web browser tab icon creation capabilities … shone a light, a “lightbulb moment” for us, in … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

SVG Emoji Favicon Textarea Tutorial

Posted on by

You can surmise that if a blog posting title contains the word textarea then it is likely to be about user input, further to the SVG Emoji Favicon and Title Uniquify Tutorial back in May, 2025. Basically, we only offered … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment