Category Archives: Animation

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

Animated GIF Via Sequenced Images Delimiter Tutorial

Around here we believe in the idea that aspirational users should be rewarded with enhanced functionality, today that being a comma (“,”) set of delimiter functionality on top of the minus sign (“-“) “range functionality” of yesterday’s Animated GIF Via … Continue reading

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

Animated GIF Via Sequenced Images Tutorial

The “making of” animated GIF (explanatory image) for yesterday’s World Clickarounds Google Map Chart Onclick Logic Tutorial involved more than ten (but today we’ll be using ten) images that had to be entered in our inhouse web application, here, to … Continue reading

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

PHP/Javascript SVG Animations Tutorial

We’ve added to the functionality of yesterday’s PHP/Javascript SVG Transformations Tutorial with … rotate translate skewX skewY matrix … from yesterday … and new today … scale … adding to the tranformation functionalities … as well as a … new … Continue reading

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

Circular Text or Emoji Roulette Animation Tutorial

As we left off with the recent Circular Text or Emoji Roulette Game Tutorial we wanted to improve on the animation aspects to representing the roulette wheel ball, but still only involve … emoji (content) for HTML elements styled by … Continue reading

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

Circular Text or Emoji Roulette Game Tutorial

Extending the recent Circular Text or Emoji Onclick Tutorial circular text ideas, today we are starting out on a game that uses a Roulette Wheel as its basic web page component. To all those “graphically challenged” users, like me, we … Continue reading

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

WordPress Widget via Animated Emoji Button Above the Fold Tutorial

We have a dual purpose blog posting today that … continues on the WordPress Calendar Widget WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial “above the fold” theme, extending the coding logic to handle other widgets that … Continue reading

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

Animation via RequestAnimationFrame Event Tutorial

Still within the “Proof of Concept” realms, today we add onto yesterday’s Animation via RequestAnimationFrame Primer Tutorial “colouring in” background pixels with a mouse and touch event driven additional functionality “set” allowing for … when user clicks first “in the … Continue reading

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

Animation via RequestAnimationFrame Primer Tutorial

Have you set up some animation using the Javascript setTimeout and/or setInterval timer functions, and found yourself disappointed with a lack of smoothness of animation? You are not alone. Have you tried (the good advice of) requestAnimationFrame event logic in … Continue reading

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