Tag Archives: onresize

Fullscreen API Primer Tutorial

Today’s new API to explore, for us, relates to the Fullscreen API. The name says it all, except that we’ll reiterate … The Fullscreen API adds methods to present a specific Element (and its descendants) in fullscreen mode, and to … Continue reading

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

Emoji in Sector Game Resize Tutorial

We find the “onresize” event one of the most interesting to code for with web applications. It can be a minor tweak right through to scenarios where it is just too hard not to … location.href=document.URL; // the onresize coward’s … Continue reading

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

Viewport and CSS Calc Intersection Resize Tutorial

Yesterday’s Viewport and CSS Calc Intersection Algorithm Tutorial showed no issues with … mobile “pinch” and “spread” gestures … no issues surprisingly … but there were with … non-mobile “onresize” (of window) created issue of a misplaced yellow intersection HTML … Continue reading

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

CSS3 Object Fit Resizing Tutorial

Our CSS3 lesson today combines … yesterday’s CSS3 Object Fit Primer Tutorial CSS3 object-fit property … combined with … CSS3 resizing functionality When you think of the modern GUIs you no doubt think dynamism and flexibility. But what if we … Continue reading

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

Textarea Width and Height Control Primer Tutorial

Continuing on the theme of HTML5 new elements (and features), HTML input types in today’s case, as for the previous Colour Discernment Game Primer Tutorial‘s case (of the new HTML5 type=color HTML input type) we draw parallels with … the … Continue reading

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

Holes Web Application Primer Tutorial

Today we want to show you a web application using a CSS “look” we stumbled upon recently, namely making the HTML table element border attribute be quite a big numerical value. To do this creates a sort of 3D “bevelled” … Continue reading

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

HTML/Javascript Canvas Geometry Tracing Game Tutorial

The Canvas HTML element tag can be used as the container to draw graphics on the fly usually via the use of Javascript functions for rendering and event management. In today’s tutorial we mainly use the drawImage and lineTo functions … Continue reading

Posted in eLearning, Event-Driven Programming, Land Surveying, Tutorials | Tagged , , , , , , , , , , , , , , , | 9 Comments

HTML Window Events Primer Tutorial

Javascript client work using DOM (the Document Object Model) often concentrates on the “document” object of a web page, but there is also a “window” object for the display of a web page at a web browser. This “window” object … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , | 14 Comments