Tag Archives: cell

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

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

Table Cell like Button Primer Tutorial

Today we have a mix of CSS makeover and common sense UX design themes. We recently revisited our PHP Target Word Game Mobile Friendly Tutorial, playing it via the Safari web browser on an iPhone, and noticed two annoying things … Continue reading

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

List Web Application PHP Tutorial

Yesterday, with List Web Application Cookie Tutorial as shown below, we made a list … What about if I revisit the web application much later? Will it remember anything from that previous session using it? What if the amount of … Continue reading

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

List Web Application Cookie Tutorial

About 6pm Sydney, Australia time on 26th March, 2017, our latest “Make a List” web application became quite a bit more “accountable”, but even if you’ve been trying it out “in detail” it’s quite possible you didn’t notice. You see, … Continue reading

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

List Web Application Row Sorting Tutorial

Think “list”, think “sort”, too. Sorting a list is a very common, and often useful web application piece of functionality, as “sorting” often increases “order” for we humans. But, as with “order”, the idea of “sort” can be quite varied … Continue reading

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