Tag Archives: tutorial

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 Network Clock Sun Information Prompt Integration Tutorial

Posted on by

Did yesterday’s SVG Network Clock Sun Information Prompt Menu Tutorial and the day before’s work regarding a prompt menu of “when” and “where” URL functionality links seem like “more effort than it’s worth” in your eyes? Well, we felt that … Continue reading →

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

SVG Network Clock Sun Information Prompt Menu Tutorial

Posted on by

Further to yesterday’s SVG Network Clock Sun Information Niceties Tutorial … we wanted to improve the timing capabilities of when any clock mode is changed … and … we wanted to flesh out more prompt menu options as per (and … Continue reading →

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