Tag Archives: transition

Next Episode Button Scenarios Functional Transition Tutorial

Revisiting the recent Next Episode Button Scenarios Primer Tutorial has a couple of advantages … we managed to make keyframes/transitions logic start working for the 3 of 5 ideas we had regarding our Short Wait (for new episode streaming service … Continue reading

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

Next Episode Button Scenarios Primer Tutorial

We were streaming episodes of Frasier, effectively “binge watching”, the other day, on Stan, and were impressed by the cuteness of the … Next episode … … button “linear gradient” look. So we wrote a “proof of concept” Short Wait … Continue reading

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

Contenteditable OuterHTML Ideas CSS Tutorial

Onto yesterday’s Contenteditable OuterHTML Ideas Mobile Tutorial we turn our attention to some aesthetics matters with this “Contenteditable OuterHTML Ideas” web application. Yes, most of this involves CSS changes, such as those for those div elements … <style> div.indiv { … Continue reading

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

Contenteditable OuterHTML Ideas Mobile Tutorial

Developing yesterday’s Contenteditable OuterHTML Ideas Watermark Tutorial on this MacBook Air had us a bit neglectful of mobile platforms. This neglectfulness manifested itself in the usual “width” and “height” dilemmas … add a meta viewport tag, such as our … … Continue reading

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

Contenteditable OuterHTML Ideas Watermark Tutorial

Am sure there are a few readers out there bemused by the use of a 3×3 table cell grid background to the “Contenteditable OuterHTML Ideas” web application of yesterday’s Contenteditable OuterHTML Ideas Animation Tutorial. Well, it provides … some structure … Continue reading

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

Contenteditable OuterHTML Ideas Animation Tutorial

Today, we want to build on yesterday’s Contenteditable OuterHTML Ideas Primer Tutorial‘s … very early on … seeing how useful was … innerHTML for HTML elements with proper endtag arrangements years later … seeing how useful was … outerHTML for … Continue reading

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

Shooting Star Two Player Game Tutorial

We’ve extended the recent Shooting Star Game Primer Tutorial to allow for a two player game option under the following conditions … you need two pointing “means” per one “device” … like a trackpad and wireless mouse, that is so … Continue reading

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

Shooting Star Game Primer Tutorial

We’ve got one of those pretty simple “click ’em up” games for you today, inspired by the CSS brilliance of W3School’s glowing text idea, thanks. That set us to thinking of Emojis we could apply (in front of the great … Continue reading

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