Tag Archives: HTML

Viewport and CSS Calc Primer Tutorial

Posted on by

Keeping on with some themes of yesterday’s Responsive Design Viewport Width Considerations Tutorial, today, we combine ideas around … (meta) viewport … and … (CSS) calc … in a “proof of concept” web application we are using to explore ideas … Continue reading →

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

Responsive Design Viewport Width Considerations Tutorial

Posted on by

Regarding our Landing Page series of HTML/Javascript/CSS webpages here at RJM Programming, we’re streamlining our device width (Responsive Web Design) considerations of … Mobile Friendly Meta Viewport Tag Zoom Tutorial by now going with … Was .. Now is … … Continue reading →

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

Mobile Onmouseover Event Alternative Tutorial

Posted on by

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

Posted on by

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

Posted on by

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

Maths Ouija Board Quiz Primer Tutorial

Posted on by

We’re not really using a ouija board with today’s Maths Quiz web application, but if you use the mouse or trackpad means by which to answer the Maths arithmetic, it can feel like an ouija board in play. We’ve arranged … Continue reading →

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

Colour Wheel Canvas Analogue Clock Background Blend Mode Tutorial

Posted on by

Revisiting the web application of Colour Wheel Canvas Analogue Clock Background Tutorial happened with the original idea to talk about … W3school’s How To Avatar Images webpage … and saw it was mainly a CSS border-radius:50%; way to show circular … Continue reading →

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

Fixed Sticky Header Top Window Document Tutorial

Posted on by

The recent Fixed Sticky Header Primer Tutorial involved … a supervisory “emoji menu” web application hosting … supervised iframe element hosted web applications … and you may think, if all this is going on with web applications on the same … Continue reading →

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