Category Archives: Animation

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

Image and Text PDF Rotation and Direction Tutorial

Yesterday’s Image and Text PDF Glowing Toast Tutorial allowed for text … where the size could be changed where the style could be changed where the font family could be changed … but users may want, particularly if they are … Continue reading

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

Image and Text PDF Glowing Toast Tutorial

Lemon curry? No, it’s Glowing Toast today! Huh?! Glowing Toast Well, it’s a way to temporarily show a very noticeable overlaid message box … <style> .custom-alert { display: inline-block; /* visibility: visible; */ background-color: rgba(102,102,102,0.8); color: #fff; text-align: enter; margin: … Continue reading

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

File API File and Reader Objects Video First Frame Tutorial

Yesterday’s File API File and Reader Objects Mimetype Tutorial‘s “Client Browsing” web application gets enhanced today using the knowledge from two days ago, when we presented Video File Browse Preview Tutorial, and started gleaning a “first frame” image given an … Continue reading

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

Video File Browse Preview Tutorial

The canvas element introduced with HTML5 resulted in great new graphical data manipulation possibilities. The canvas method “drawImage” … The drawImage() method draws an image, canvas, or video onto the canvas. The drawImage() method can also draw parts of an … Continue reading

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

Dots and Boxes Game Parameterization Tutorial

We quite like … substitutional approaches to coding interpretive approaches to coding take a hardcoded string and either … parameterize it repurpose it … and with the “Dots and Boxes Game” web application of yesterday’s Dots and Boxes Game Primer … Continue reading

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

SOS Game Primer Tutorial

Even though it took too long to get to yesterday’s Word Find Game Viewport Tutorial‘s Word Find Game’s level of satisfaction, for us, it was always going to be worth it, because when you overengineer it can mean cloning off … Continue reading

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

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