Tag Archives: CSS

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

CSS3 Multi Columns Primer Tutorial

Today’s “catch up” with CSS3 styling of web applications, adding onto yesterday’s CSS3 Border Image Primer Tutorial, involves Multi Columns (thanks, TutorialsPoint) styling that does not require any work with the HTML table element. Typically, what we are talking about … Continue reading

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

CSS3 Border Image Primer Tutorial

Adding to our recent CSS3 Filters Primer Tutorial, today, we’d like to delve further into the great things CSS3 brought to the client side “aesthetics” of web application work. Today’s “proof of concept” web application’s topic is border images. How … Continue reading

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

Walkways Quiz Game Primer Tutorial

Have you ever thought of a background image for a webpage, as a thing you could “regionally” click, as happens with the HTML map element? What about if we filled the webpage background with an HTML map element and its … Continue reading

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

CSS3 Filters Primer Tutorial

It’s not just the image editor Gimp that has “filters” as tools to create effects with image data (files), as you might see with tutorials like Gimp Decor Filters Revisit Tutorial. These days, with CSS, and with CSS3 these days, … Continue reading

Posted in eLearning, Photography, Tutorials | Tagged , , , , , , , , , , , , , | 1 Comment

Skeletal System Game Reveal Tutorial

Continuing on from yesterday’s Skeletal System Game Primer Tutorial that started us on a “reveal” and “overlay” and “map element” Skeletal System Game we’re developing, let’s, today, “drill down” a bit into that “reveal” concept. After all, there are so … Continue reading

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

Skeletal System Game Primer Tutorial

We think there are two great “concepts” that help us understand the interplay between Javascript DOM and CSS styling when creating client side web applications, those being … “reveal” “overlay” … and today we combine these two concepts with another … Continue reading

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