Tag Archives: cell

HTML Table Cell Contenteditable Tutorial

Yesterday’s HTML div Contenteditable Form Tutorial was all about the global attribute contenteditable=true rather than about HTML div elements per se, hence the challenge we gave you … … (but perhaps you should broaden my horizons with feedback on other … Continue reading

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

Sushi Train Circuit Game Currency Tutorial

We’re combining and integrating the blog postings from the last couple of days, today, they being … Sushi Train Circuit Game Tutorial two days ago involved in its working sushi train food item prices, and so, “currency” … fitting hand … Continue reading

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

Sushi Train Circuit Game Tutorial

In today’s Sushi Train Circuit Game we use yesterday’s Circuit Webpage Primer Tutorial as the underlying webpage design basis. Many things in life are based on circuits. Think electronics, think racing, think cycling velodromes, think roller derby, think ice skating, … Continue reading

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , | 1 Comment

Circuit Webpage Primer Tutorial

We’re on our way to a more fully fleshed out web application that makes use of a “circuit”, but we want to approach this project in stages. Stage one is to create some initial HTML and CSS to show a … Continue reading

Posted in eLearning, 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

Travel Collage Quiz Game Primer Tutorial

We use quite a few of the principles similar to those used in the previous Body Systems Quiz Game Primer Tutorial today as we create a “Travel Collage Quiz Game” thanking the Sydney Morning Herald 12th August 2017 travel section … Continue reading

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

Body Systems Quiz Game Primer Tutorial

“Regional” click (or touch) web application functionality doesn’t have to be always done via an HTML map element thangthing. Today, as an alternative methodology, we … start with a useful “Body Systems” image … thanks to HLTAAP001 Recognise healthy body … Continue reading

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