Tag Archives: programming

Landing Page Navigational Value Add on Mobile Tutorial

The recent Responsive Design Viewport Initial Scale Tutorial represented a … CSS viewport, and after that, “glow styling”, set of improvements specific to mobile platforms … and you can probably guess that we’re also interested, today, in … Javascript client … Continue reading

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

CSS Iframe Troubleshoot Primer Tutorial

The modern browsers all have good “web inspectors” Google Chrome’s access to one being via “View -> Developer -> Developer Tools”. So when we decided to finally try and nut out the annoyance up the top left of RJM Programming’s … Continue reading

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

Device Width Specific CSS Webpage Styling Primer Tutorial

Take a look at the CSS styling snippet below … <style> .glow { -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } /* Thanks to https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_glowing_text */ @-webkit-keyframes glow { … Continue reading

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

Responsive Design Viewport Initial Scale Tutorial

The recent Responsive Design Viewport Width Considerations Tutorial was a Responsive Design improvement step for our Landing Page series of HTML/Javascript/CSS webpages at RJM Programming, but what it addressed was “what not to do”. Today, it is more the case, … Continue reading

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

Viewport and CSS Calc Intersection Resize Tutorial

Yesterday’s Viewport and CSS Calc Intersection Algorithm Tutorial showed no issues with … mobile “pinch” and “spread” gestures … no issues surprisingly … but there were with … non-mobile “onresize” (of window) created issue of a misplaced yellow intersection HTML … Continue reading

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

Viewport and CSS Calc Intersection Algorithm Tutorial

Do you eat “separatist style”? I used to, leaving the good stuff until last, until one day a grandparent kindly taught me the weakness with this system, quietly pinching the best stuff during the prelude period. The recent Viewport and … Continue reading

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

Acronyms Lookup Wikipedia Tutorial

We’re revisiting the PHP web application of Acronyms Lookup Follow Up Tutorial because … knowledge moves on, and we can normally think of either new ways (eg. today we add an onkeydown event … ” onkeydown=’okd(event);’ ” … function okd(event) … Continue reading

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

Viewport and CSS Calc Primer Tutorial

Keeping on with some themes of yesterday’s Responsive Design Viewport Width Considerations Tutorial, today, we combine ideas around … (meta) viewport … and … (CSS) calc … in a “proof of concept” web application we are using to explore ideas … Continue reading

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