Category Archives: Animation

Animation is the rapid display of a sequence of images to create an illusion of movement. ( Wikipedia )

Word Find Game Viewport Tutorial

Do you remember the last time at this blog that we simulated the Android “toast” mobile app temporary message box with Ants Up a Wall Game Toast Tutorial? It forms part of our solution regarding … mobile device use … … Continue reading

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

Word Find Game Aesthetics Tutorial

CSS styling keeps getting better for webpages, with extended functionality, as proven when CSS3 came to being. Two styling features we find quite impactive are … CSS animation … and … CSS linear gradients … we use, respectively, regarding … … Continue reading

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

CSS Grid Column Context History Tutorial

With web applications, two words are often intertwined … context … and … history … because the state of a webpage can sometimes only be fully appreciated by how it got to be like that, or its “history” in “context”. … Continue reading

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

CSS Grid Column Animation Tutorial

CSS @keyframes rule animations can add “pizazz” to your webpages. And, because yesterday’s CSS Grid Column Primer Tutorial‘s web application‘s actions could take place in the blink of an eye before registering “what just happened” for the user, we offer … Continue reading

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

Screen Capture API Download Multitrack Video Tutorial

We were inspired, stumbling upon the great Screen Recorder: recording microphone and the desktop audio at the same time webpage, leading us to think that we could improve the scope of functionality of the recent Screen Capture API Download Audio … Continue reading

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

Screen Capture API Download Audio Video Tutorial

The recent Screen Capture API Download Video Tutorial … Screen Capture API inspired “streamed video” screen capturing logic … benefitted from … download capabilities via MediaRecorder “video” functionality … and, today, we add into the mix … recording and download … Continue reading

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

Multiple addEventListener Logics for HTML Elements Ondblclick Tutorial

In yesterday’s Multiple addEventListener Logics for HTML Elements Primer Tutorial‘s “function ael_more” you may have noticed the codeline … document.getElementById(iois.id.replace(‘i’,’td’)).addEventListener(“click”, window[“ev” + fnum + ”]); … we use to set up the [element].addEventListener means by which we add “onclick” event … Continue reading

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

Multiple addEventListener Logics for HTML Elements Primer Tutorial

The dynamic creation of event logic associated with webpage HTML elements is a powerful tool for making your webpages dynamic. In the case of the great [element].addEventListener means by which you can make this happen, there is a great feature … Continue reading

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