Tag Archives: cell

YouTube Embedded Iframe API Synchronization Tutorial

The last occasion we had to change our inhouse interfacing to the YouTube video via its Embedded Iframe API was its (sub)interfacing to Wikipedia Flipcard Quiz Emoji Tutorial. Yes, there is no “(sub)interfacing” word … oops … we found one … Continue reading

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

Mobile Onmouseover Event Alternative Tutorial

Yesterday’s Smooth Spinner Game Tutorial … Yes, non-mobile players will score better than mobile device players, because of the existence of an onmouseover (ie. hover) event. This same lament for mobile devices is a similar lament regarding a lot of … Continue reading

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

Smooth Spinner Game Tutorial

Adding onto the recent Onmouseover and Onmouseout Event Monitoring Tutorial … Simple Maths Timer Game Onmouseover and Onmouseout Monitor … we add, today, a new … Smooth Spinner Game … test of a user’s control, nerve and patience, where they … Continue reading

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

Onmouseover and Onmouseout Event Monitoring Tutorial

Perhaps you were reading yesterday’s Maths Ouija Board Quiz Primer Tutorial and wondering “what gives with the ‘mo_me_rt_t.htm’ name of the web application”? Well, the original inspiration at “Moving the mouse: mouseover/out, mouseenter/leave”, thanks, was for an Onmouseover and Onmouseout … Continue reading

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

Workplace Concepts Game Horizontal Rule Reveal Tutorial

Today we want to add a “reveal” feel to the previous Workplace Concepts Game Horizontal Rule Cell Tutorial. Our favourite “reveal” element combination is the team of details tag and its nested summary tag partner. The great thing about these … Continue reading

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Workplace Concepts Game Horizontal Rule Cell Tutorial

Yesterday’s Workplace Concepts Game Primer Tutorial used … an HTML table … with … one static row of 4 column “header cells” … and … one static Next button row … and … one dynamic row of 4 column “data … Continue reading

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

Workplace Concepts Game Primer Tutorial

Here’s a new web application project. Content wise we take … a workplace concept … link that concept to one or more categories namely “rights”, “responsibilities”, “ethical”, “unethical” … organized into a single dimension array with semicolon and plus sign … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , | Leave a comment

HTML Square Horizontal Rule Image Map Notice Board Tutorial

Following on from yesterday’s HTML Square Horizontal Rule Image Map Are You Okay Tutorial we wanted, today, to “test the waters” with the news of recent emoji additions to ask a lot of this world, and see how emojis stack … Continue reading

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