Tag Archives: CSS

Next Episode Button Scenarios Functional Transition Tutorial

Revisiting the recent Next Episode Button Scenarios Primer Tutorial has a couple of advantages … we managed to make keyframes/transitions logic start working for the 3 of 5 ideas we had regarding our Short Wait (for new episode streaming service … Continue reading

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

Next Episode Button Scenarios Primer Tutorial

We were streaming episodes of Frasier, effectively “binge watching”, the other day, on Stan, and were impressed by the cuteness of the … Next episode … … button “linear gradient” look. So we wrote a “proof of concept” Short Wait … Continue reading

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

Interactively Change WordPress Blog Background Image on Scroll Tutorial

With yesterday’s Interactively Change Background Image on Scroll User Settings Tutorial‘s offering were you “an intrepid”, typing … //www.rjmprogramming.com.au/ITblog/600/400/ … into that newly minted Javascript prompt window designed for user interaction purposes? This populates the background images in our new … Continue reading

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

Interactively Change Background Image on Scroll User Settings Tutorial

If you are a regular reader, you’ll know with the web applications presented here, we usually try to allow the user to control … how they function … and/or sometimes … how they look … in the ephemeral “this session” … Continue reading

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

Interactively Change Background Image on Scroll Tutorial

Regarding today’s “Interactively Change Background Image on Scroll” topic, we’d like to thank, profusely, two sources … Ideas and Initial Code … W3School‘s How TO – Change Background on Scroll Background Image Content … Lorem Picsum Queue … Lulu (no, … Continue reading

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

Landing Page Web Inspector CSS Styling Tutorial

Are you a member of the IBORT? If not, would you like to become a member? Anyone, anyone? Hang on, Isaac, can you please “use your words” in front of the class, please … What does IBORT stand for? Okay, … Continue reading

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

CSS3 Grid Primer Tutorial

Continuing on with some of the styling themes from CSS3 Multi Columns Primer Tutorial, today, we present a tutorial aboout CSS Grid Styling, primarily, thanking W3school’s excellent https://www.w3schools.com/css/tryit.asp?filename=trycss_grid for ideas. The lesson is that HTML table element designs do not … Continue reading

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

Image Reflection Primer Tutorial

The image was the first, and am sure, still is, the most used media form for webpages around this wooooorrrrlllllldddd (and, so far, the word is on Mars that it is similar). Content people who create webpages will know that … Continue reading

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