Tag Archives: HTML

HTML5 Mark Tag View Page Source Tutorial

As we mentioned in the “Stop Press” of yesterday’s HTML5 Time Tag Primer Tutorial we want to combine … mark tag (introduced with HTML5) which highlights parts of text … with … the web browser (incarnation of Firefox’s) View Page … Continue reading

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

HTML5 Time Tag Primer Tutorial

You might be forgiven reading this webpage about the time tag introduced with HTML5 that it is not of much use, because it doesn’t show any distinguishing feature yet, in any of the web browsers. But you can tailor the … Continue reading

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

CSS3 Button Animation Transition Game Sharing Tutorial

There are some familiar “items” with today’s additional functionality to yesterday’s CSS3 Button Animation Transition Game Tutorial … and some other matters we encourage you to consider, the primary one of these being … the benefits of multiple class HTML … Continue reading

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

CSS3 Button Animation Transition Game Tutorial

The recent CSS3 Transition Game Tutorial had us examining CSS3 (Cascading Style Sheet) specification “Transitions” as tools for animation styling. Today we … apply such “transition” thinking to the animation of HTML button elements (as inspired by https://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_animate1 thanks) … … Continue reading

Posted in eLearning, Event-Driven Programming, Games, 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

CSS3 Object Fit Primer Tutorial

The recent CSS3 Background Size Contain and Cover Primer Tutorial was an epiphany for us regarding two very useful … The contain keyword scales the background image to be as large as possible (but both its width and its height … Continue reading

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

CSS3 Transition Game Tutorial

Yesterday’s CSS3 Transition Primer Tutorial started us thinking about CSS3 (Cascading Style Sheet) specification “Transitions”, and there, we intimated that they could be used to serve up to the web application user simple animation functionality. Today, we go a bit … Continue reading

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

CSS3 Transition Primer Tutorial

The CSS3 (Cascading Style Sheet) specification introduced “Transitions” to CSS styling of web pages. A CSS3 “transition” … CSS3 transitions allows you to change property values smoothly (from one value to another), over a given duration. Today, we use the … Continue reading

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