Tag Archives: url

CSS Countdown Emoji Tutorial

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

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

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

Iframe Srcdoc Equals UTF-8 Issue Reveal Tutorial

Yesterday’s Iframe Srcdoc Equals UTF-8 Issue Primer Tutorial‘s … HTML iframe … [iframe].src=data:text/html;base64,[HTMLbase64Content] versus [iframe].srcdoc=atob([HTMLbase64Content]) nuance regarding … the display of UTF-8 data … is just that … nuanced, and hard to explain in terms of “what is the issue” … Continue reading

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

Iframe Srcdoc Equals UTF-8 Issue Primer Tutorial

Do you remember how with Javascript document.querySelectorAll Client Pre-emptive Iframe Tutorial, recently, we said … Why can’t we manage this new functionality in the one pass through the “onload” event logic? Well, any self-respecting webpage content will contain both apostrophe … Continue reading

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

PDF Animations Revealed Tutorial

Yesterday’s PDF Animation Primer Tutorial flagged two improvements as per … the awkwardness of an iframe click to stop/start (PDF) animation … and … the way this works with only the first browsed for input PDF file … and yes, … Continue reading

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

PDF Animation Primer Tutorial

The underlying web application of Image/PDF and Audio/Video Supervised Rotation Tutorial uses the great ImageMagick to convert from PDF to an Animated GIF. There’s an idea we want to see through, though, for an inhouse PDF Animation idea, starting with … Continue reading

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

Linux sendmail nohup Repeatable Email Report Tutorial

We left off yesterday’s Linux sendmail nohup Report Content Tutorial … … to start down this new parameterizable “journey”. “Journey”, because there is more to do regarding “tabular” display in thought and action. … panning out not to be the … Continue reading

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