Tag Archives: width

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 eLearning, Tutorials | 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 eLearning, Tutorials | 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 eLearning, Event-Driven Programming, Tutorials | 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 eLearning, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Responsive Design Viewport Width Considerations Tutorial

Regarding our Landing Page series of HTML/Javascript/CSS webpages here at RJM Programming, we’re streamlining our device width (Responsive Web Design) considerations of … Mobile Friendly Meta Viewport Tag Zoom Tutorial by now going with … Was .. Now is … … Continue reading

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

Screen Corner Horizontal and Vertical Text Share Tutorial

With yesterday’s Screen Corner Horizontal and Vertical Text Position Tutorial you had a quite private and non-collaborative web application, but today, we open that up to some email sharing collaboration possibilitites. To offer this sharing … for the first time … Continue reading

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

Screen Corner Horizontal and Vertical Text Position Tutorial

It’s an interesting conundrum in our minds that as soon as we get satisfaction from the construction of a web application whose webpage activities fill up the screen, as with Screen Corner Horizontal and Vertical Text Content Tutorial, we then … Continue reading

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

Screen Corner Horizontal and Vertical Text Content Tutorial

Yesterday’s Screen Corner Horizontal and Vertical Text Primer Tutorial concentrated on a web design for a web application, but today, we turn our attention to … some rudimentary ideas regarding the content in the middle of the webpage … bounded … Continue reading

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