ray kooyenga

rss news mobile hotfix

by Ray Kooyenga 2 min read

RSS News - Mobile Hotfix | URL Argument Load

Trying to knock out 2 types of issues here first is compensating for the usual “why can’t iphones click on my buttons” kind of stuff. This will be a combination of CSS and Javscript and not really unexpected. But things have progressed that I want to push some release of this officially soon here.

Task is simple there testing phone1.html and phone2.html which incorporate the proposed fixes.

  • to date this is satisfactory o iphones

Second up would be the restoration of the Bring-Your-Own RSS FEED. OR rather confirm it as generally working. Expected behavior is the BYO feed proivded will become the new default news source for the current session and immediately populate results page, as well as be listed in the menu.

Having most versions living at Codepen some for a decade there are limitations. Appending to their URLS is a proper feed is all that’s needed and the error tolerance is pretty high. What can happen is at codepen for instance they are also appending to strings so theres collision. When hosted in the raykooyenga.com/apps/[appname]``` behavior is largely as expected.Users append ?q= (there are others like ?url, or ?site=no assignment just ?[url][+ + parameter even leaving it blank because why not place a that can be triggered at run time as a url parameter So far unless certain characters it doesnt appear to be wanting to

  • get random rss/feed url:
  • oc register example
  • URI encode string special characters it, just a line a javascript in the terminal does it but may not be necessary anymore:
node -e 'let newurl="https://www.ocregister.com/feed/";
let newurlenc=encodeURIComponent(newurl);console.log(newurlenc);'
  • output from above:

https%3A%2F%2Fwww.ocregister.com%2Ffeed%2F

  • now add as parameter on launch:

https://raykooyenga.com/apps/news-app/?q=https%3A%2F%2Fwww.ocregister.com%2Ffeed%2F

  • or the mobile device hotfix branch:

https://raykooyenga.com/apps/news-app/phone2.html?q=https%3A%2F%2Fwww.ocregister.com%2Ffeed%2F

Tests

test subject: ** app/phone2.html **

:Hotfix

  • Hotfix Behavior Android
  • Hotfix Behavior iPhone
  • Hotfix Behavior iPad
  • Hotfix Behavior Chrome Desktop
  • Hotfix Behavior Firefox Ddesktop

:BYO URL Load

  • URL Args Behavior Android
  • URL Args Behavior iPhone
  • URL Args Behavior iPad
  • URL Args Behavior Chrome Desktop
  • URL Args Behavior Firefox Desktop

Testing concludes and advises the following:

  • uri encoding is often required and the app’s responsibility should have a way to submit live in app mode
  • review fonts/size (too big on p standard)
  • style big 5col view readmore link animation
  • style bug firefox header drop down, again new way of entering urls it was a hhidden feature before
  • dark mode is sick, needs some formatting fixing up
  • landing promo page should it be a 1st login trigger instead of news?

### Other feature thoughts

  • service worker downloads pages frequent publications
  • sw frequent favoptimizes grid perhaps
  • sw refill/readmore when more data exists?
  • 5 site 1 panel each version? old school rs project
  • screenshot share, html container share
  • tricky highlighter - added! 2/11