Category Archives: eLearning

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

Javascript Oninvalid Pattern setCustomValidity Event Form Validations Tutorial

Posted on by

In most of our mathematical educations, the odds are we won’t ever have to prove anything major mathematically, rather we just learn what has already been proved. But a lot of us envisage proving something mathematically as we trot off … Continue reading →

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

HTML Form Onsubmit Event Appending Tutorial

Posted on by

There’s a “proof of concept” web application we’re interested in, with this recent focus on HTML form validation. That validation, on the client side, relies on a form “onsubmit” event. Our question is … Can the “onsubmit” event logic be … Continue reading →

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

Javascript Oninvalid Event Form Validation Pattern setCustomValidity Tutorial

Posted on by

To improve on yesterday’s HTML Oninvalid Event Form Validation Pattern setCustomValidity Tutorial we immediately thought “genericization”. And one approach to “force the hand”, so to speak, regarding genericization is to … take the original HTML (including inhouse Javascript and inhouse … Continue reading →

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

HTML Oninvalid Event Form Validation Pattern setCustomValidity Tutorial

Posted on by

The recent HTML Oninvalid Event Form Validation Primer Tutorial taught us that … in the client (ie. HTML and Javascript and CSS) side of the web application wooooorrrrrlllllddd it is best to involve a form … as much as anything … Continue reading →

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

CSS Countdown Table Tutorial

Posted on by

What the user is lacking working the web application of yesterday’s CSS Countdown Emoji Tutorial is a … means by which to spread horizontally … to supplement the pre-existant … means by which to spread vertically With pre-existant div elements … Continue reading →

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

CSS Countdown Emoji Tutorial

Posted on by

A synopsis of the CSS highlights of the web application of yesterday’s CSS Countdown Reveal Tutorial are, so far … counter-increment counter-reset var (as in content: var(–tooltip-string);) … and today’s addition is … attr (as in content: attr(data-cnt);) … that … Continue reading →

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

CSS Countdown Reveal Tutorial

Posted on by

To improve on yesterday’s CSS Countdown Primer Tutorial we thought it would be good to give the user a chance to see as much above the fold as possible, and then “reveal” the larger images via details/summary element combinations. We … Continue reading →

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

CSS Countdown Primer Tutorial

Posted on by

It’s not normally a talent you associate with CSS, the ability to do any maths, but you can count (or increment/decrement) with it, with styling like … <style> #myspan { counter-reset: the-final-countdown var(–tooltip-string); line-height: 2; } div::before { counter-increment: the-final-countdown … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , | Leave a comment