Tag Archives: width

WordPress CSS iPhone Portrait Few Pixels Less Width Tutorial

We’ve had months and months of annoyance with this WordPress Blog (TwentyTen themed) content display on our iPhone 7 only in Portrait mode. The reason for our slothfulness on a fix was that the content width “deficit” wasn’t even a … Continue reading →

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

Inhouse Slideshow Mobile Google Crawl Tutorial

The recent Inhouse Slideshow Mobile Tutorial did not satisfy all the “mobile usability” tests performed by the “Google Crawl” algorithm, failing on “Content wider than screen”, and you can read some background to this with Google Crawl Viewport Geographicals Tutorial. … Continue reading →

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

Viewport iOS No ScrollTo Issue Tutorial

Yesterday’s Google Crawl Viewport Geographicals Tutorial‘s “Stop Press” way below had us … We’ve decided to write a mobile checker of any meta viewport tag (that exists, or not, in a webpage of interest) to adjust to a more suitable … Continue reading →

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

Google Crawl Viewport Geographicals Tutorial

Yesterday’s Google Crawl Viewport Error Tutorial theme of fixing HTML meta tag viewport errors up at the Google Search Console (part of “Google Webmasters”) continues today for the “Google Crawl” error nuance … Viewport not set … with its pretty … Continue reading →

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

Google Crawl Viewport Error Tutorial

Continuing on with Google Search Console (part of “Google Webmasters”) “Crawl Error” issues here at the RJM Programming domain, on top of yesterday’s Google Crawl Incompatible Plugin Error Tutorial, today we examine another “Crawl Error” category (in the Mobility Fix … Continue reading →

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