Category Archives: eLearning

E-learning refers to the use of electronic media and information and communication technologies (ICT) in education ( Wikipedia )

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 of 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 … 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

Journal Emoji Tutorial

Posted on January 24, 2026 by admin

Today, it’s a mix of … styling … <?php echo ” <style> * { border-radius: 8px; margin: 5 5 5 5; } button { color: blue; } input[type=\”submit\”] { color: blue; } hr { background-color: red; height: 1px; border: 0; … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged absolute, association, base64, bredcrumb, button, content, contenteditable, CSS, data uri, div, dropdown, edit, editing, email, embed, emoji, encrypt, encryption, file, file_get_contents, file_put_contents, first draft, flat file, flex, hardcode, hardcoded, hashtag, hashtagging, IFRAME, ink, journal, key, link, localStorage, mailto, media, navigation, nested, onblur, overlay, PHP, position, primer, privacy, programming, proof of concept, scroll, scrolling, security, serverside, SMS, Spotify, style, styling, SVG, svg+xml, text, textarea, tutoriial, update, url, web browser address bar, web inspector, web server, window.localStorage, word, YouTube | Leave a comment

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

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
April 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

« Mar
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser
Your Background Image
OnTopList

Category Archives: eLearning

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

Category Archives: eLearning

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList