Menu
-
Recent Posts
-
Media YouTube Interfacer Interspersing Tutorial
-
Audio Recording YouTube Interfacer Revisit Tutorial
-
YouTube Video List of Play External Javascript Mobile Placeholder Tutorial
-
YouTube Video List of Play External Javascript Loop Intelligence Tutorial
-
YouTube Video List of Play External Javascript Jump Tutorial
-
YouTube Video List of Play External Javascript Supervisor Tutorial
-
YouTube Video List of Play Supervisor Tutorial
-
Spliced Audio/Video YouTube Shuffle Tutorial
-
Media YouTube Interfacer Interspersing Tutorial
OnTopList
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 animation, background, background image, binge, bingeing, button, click, CSS, delay, div, elementproress, emoji, HTML, Javascript, keyframes, linear gradient, meter, overlay, programming, SVG, transition, transitions, tutorial, video, wait, watch, watching, width
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 animation, background, background image, binge, bingeing, button, click, CSS, delay, div, elementproress, HTML, Javascript, keyframes, linear gradient, meter, programming, SVG, transition, transitions, tutorial, video, wait, watch, watching
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 animation, calc, clone, contenteditable, CSS, DOM, event, glow, grid, height, HTML, innerHTML, iPad, iPhone, Javascript, meta, meta tag, mobile, onclick, outerHTML, outline, outline offset, programming, radial gradient, stopPropagation, table, transition, tutorial, units, vh, viewport, watermark, width
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 animation, calc, clone, contenteditable, CSS, DOM, event, glow, grid, height, HTML, innerHTML, iPad, iPhone, Javascript, meta, meta tag, mobile, onclick, outerHTML, programming, stopPropagation, table, transition, tutorial, units, vh, viewport, watermark, width
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 animation, calc, clone, contenteditable, CSS, DOM, event, glow, grid, HTML, innerHTML, Javascript, onclick, outerHTML, programming, stopPropagation, table, transition, tutorial, watermark
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 animation, calc, contenteditable, CSS, DOM, event, glow, HTML, innerHTML, Javascript, onclick, outerHTML, programming, stopPropagation, transition, tutorial
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 animation, click, CSS, device, difficulty, document.body, emoji, emojipedia, game, glowing text, hardware, HTML, Javascript, keyframes, mouse, onclick, score, track pad, transition
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 animation, click, CSS, difficulty, document.body, emoji, emojipedia, game, glowing text, HTML, Javascript, keyframes, onclick, score, transition
Leave a comment
