Tag Archives: onresize

Keyboard Typing Practice Choices Name Word Div Links Tutorial

Posted on by

At this blog, we’ve long been interested in the relative talents of the HTML textarea and div element types, as you can read about at HTML Div Overlay Jigsaw Talents Primer Tutorial. And today, on top of the “so far … Continue reading →

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

Responsive Web Design Landing Page Image Map Onresize Tutorial

Posted on by

We try to not make the onresize event a “second class citizen” in our thinking here, and we wait for the day we think about it as a matter of course, and we’ll know we’ve arrived at some representation of … Continue reading →

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

Fullscreen API Primer Tutorial

Posted on by

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

Posted on by

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

Posted on by

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

Posted on by

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

Posted on by

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

Posted on by

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