Tag Archives: cell

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

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