Tag Archives: background image

Word Find Game Viewport Tutorial

Do you remember the last time at this blog that we simulated the Android “toast” mobile app temporary message box with Ants Up a Wall Game Toast Tutorial? It forms part of our solution regarding … mobile device use … … Continue reading

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

Word Find Game Aesthetics Tutorial

CSS styling keeps getting better for webpages, with extended functionality, as proven when CSS3 came to being. Two styling features we find quite impactive are … CSS animation … and … CSS linear gradients … we use, respectively, regarding … … Continue reading

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

Landing Page Linked Background Images Long Hover Hashtag Tutorial

Maybe you remember … Landing Page Linked Background Images Long Hover Tutorial … and … WordPress Blog Hashtag Navigation Return Onmouseover Tutorial ? Ideas from each, combine, today, to add some “hashtag navigational smarts” to our recently added “multiple background … Continue reading

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

Colour Wheel Prompt Override Tutorial

In yesterday’s Colour Wheel Size and Spoke Colour Tutorial discussion around the Javascript alert popup ideas we never actually call the “alert” (that references the window.alert) method in what we are doing. We just are using an “alert” box look … Continue reading

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

Colour Wheel Size and Spoke Colour Tutorial

Thinking about the “Child” Colour Wheel of yesterday’s SVG Network Clock Map Right Click Hashtagging Tutorial we wanted to add some user controllable … way for the user to change the Colour Wheel radius … in other words, its size … Continue reading

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

SVG Network Clock Map Right Click Hashtagging Tutorial

Adding to yesterday’s SVG Network Clock Iframe Window Opener Tutorial we have a combination of … right click (Windows) or two finger gesture (macOS) event logic … var altwo=””; //”//www.rjmprogramming.com.au/PHP/Map/map.php?title=Greenwich%20London&onclick=y&label=[‘Lat’,&value=’Lon’,’Name’]&data=,[51.4769,-0.0005,~Greenwich~]”; var althree=”//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php?title=Greenwich%20London%20Places&aregexographicals=y&aregeographicals=HTTP.From%2Chttp.To%2Chttp.Greenwich&peninfo=51.4769|-0.0005|127968_From,51.4769|-0.0005|128205_To,51.4769|-0.0005|Greenwich&width=834&height=520&country=Places&popularity=&data=%20[51.4769|-0.0005|~From~,2]%20,%20[51.4769|-0.0005|~To~,2]%20,%20[51.4769|-0.0005|~Greenwich~,2]”; if (document.addEventListener) { document.getElementById(‘myhr’).addEventListener(‘contextmenu’, function(e) { e.preventDefault(); window.open(modgeomay(althree),’_blank’,’top=100,left=100,width=850,height=800′); … Continue reading

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

SVG Network Clock Iframe Window Opener Tutorial

Onto the interfacing and integration work of yesterday’s SVG Network Digital and Analogue Clock Synchronizing Tutorial, today we have a three way relationship set to achieve a more dynamic popup window that responds to changes of its window.opener, the “kicker” … Continue reading

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

SVG Network Digital and Analogue Clock Synchronizing Tutorial

The work of yesterday’s SVG Network Digital and Analogue Clock Interfacing Tutorial has moved us to improve … the accuracy of the Colour Wheel datetime synchronization with the SVG Network Clock … ie. it can be offputting seeing two clocks … Continue reading

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