Walking Trip …

Walking Trip

Walking Trip

Offenbach's Suite ... Warts 'n All

Offenbach's Suite ... Warts 'n All

 📅  

If this was interesting you may be interested in this too.

Posted in Photography, Trips | Tagged , , | 34 Comments

Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial

Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial

Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial

Today, we’re calling on the “out and about away from the MacBook Air for some day(s)” themes presented in …

… themes, and this time, involving an iPhone, rather than an iPad, maintaining this WordPress.org blog content without the sftp of the MacBook Air environment.

You see, down the bottom of any of these blog posts there is this “if you like this, try this” section we occasionally forget to modify for each individual blog post, as the way the Landing Page clicks/taps get you to the appropriate new content via that Post ID we change in that section (then WordPress permalinks come into play helping users not need to know this Post ID number). If we’ve forgotten, and we tweak to this into the day, here, no crontab/curl arrangement saves the day after adjusting the Post ID business. We have this long command line set of commands in the Terminal section of our cPanel part to our AlmaLinux Apache/PHP/MySql hosting WHM software (effectively doing what the crontab/curl scheduled automation would do early into an AEST day), and that is easy on the MacBook Air, but …

Can we manage it out and about just with an iPhone and accomodation WiFi?

Keep your hair on … we can! Yayyyyyyy! But we had to learn some new Linux related ideas that revolve around the “history” command … again!

The thing is, the greatest pain, potentially, tweaking the WordPress content just with an iPhone, at least for us, is the thought of ever having to “keyboard type” in any passwords, and below, combinations of Face Recognition and “saved username/passwords” helps … otherwise we may have let it go, performing …

  1. on the iPhone go to Settings -> WiFi to connect to accomodation WiFi …
  2. log in to this WordPress blog as the “admin” user … case in point …
  3. adjust content regarding those Post ID references down the bottom of the content … bit onerous, but not too bad …
  4. tap Save button … easy peasy … ready if happy now for next day’s crontab/curl to put things right regarding Landing Page clicking/tapping … but if needing everything now, we …
  5. logged into our WHM cPanel environment …
  6. tapped Terminal link … taking us to the RJM Programming domain’s web server command line … and because we’d done this same set of commands in the past …

  7. history | grep "exit"

    … was able to give us a number at the left, we’re going to say was “412” below, of great use …
  8. rather than typing this great huge command line set of commands from the iPhone Terminal session …

    history recall and execute via record number

    … taught us, regarding “Linux talk” …

    To recall and execute a specific command from your shell history by its record number, type an exclamation mark followed by the number (like !123) and press Enter.

    How to Use Numbered History

    • Find the number: Type history to see a numbered list of your past commands.
    • Execute immediately: Type ![record_number] (for example, !450) to run that exact command right away.
    • Preview or edit first: Add :p (like !450:p) to print the command safely without running it, then use your Up Arrow to bring it to your prompt for changes.
    • Safe verification: Turn on shopt -s histverify in your configuration so typing !450 loads the command into your editing buffer instead of running it immediately.

    … so we went …


  9. !412:p

    … as a sanity check … before going … when seeing it was okay … doh?! …

  10. !412

    … to seal the deal
  11. logout of whatever needs logging out of

Cute, huh?!


Previous relevant Bluetooth iPad Keyboard and Case Document Editing Tutorial is shown below.

Bluetooth iPad Keyboard and Case Document Editing Tutorial

Bluetooth iPad Keyboard and Case Document Editing Tutorial

Yesterday’s Bluetooth iPad Keyboard and Case Tutorial had a …

  • hardware and networking discussion … emphasis … but today we extend that to a …
  • software discussion …

… to make all these ideas become much more impactive and useful, starting with some discussion whereby an iOS iPad user may be able to …

  • edit … and …
  • share …
  • documents

… such as in Microsoft Word or RTF formats and join into “Export” outputs such as PDF.

We were put onto trying an iOS rendition of the macOS Pages product we talked about with Apple Pages Word Processor Primer Tutorial.

Now, perhaps you don’t associate iOS devices as document storers, on their own storage, but there is the native iOS Files app pointing you to storage places that might contain such editable and shareable documents in …

  • On My iPad
  • Downloads
  • iCloud Drive
  • Recently Deleted

… places, the top suggestion featuring in today’s animated GIF procedure example that underscores …

  1. Tap Files app icon …
  2. Tap for On My iPad …
  3. Hold finger on a document to edit until a menu appears to the left … and on that menu …
  4. Tap Share … bringing up the commonly found Share options …
  5. Likely to the right of icon options will be a Pages icon (assuming you have installed it from the Apple Store) that we want you to tap …
  6. If the Edit functionality options are not showing but an Edit button is showing tap that button now …
  7. Edit away …
  8. Tap Share icon … and we decided to …
  9. Tap Export and Send

… to continue on with the editing cycle you have going for this document. Remembering all this is going on with a touch device, cute, huh?!


Previous relevant Bluetooth iPad Keyboard and Case Tutorial is shown below.

Bluetooth iPad Keyboard and Case Tutorial

Bluetooth iPad Keyboard and Case Tutorial

What came to mind trying out a pretty simple but effective “iPad Case with Keyboard” product the other day was Tablet Run Web Server Blog PHP Tutorial, the scenario for which was that we had no laptop available and were constructing this blog’s content just with an iPad.

To us, at least, to even contemplate the publishing of content with even only a few paragraphs, assuming you can sort out the sftp needed to upload, we would want a Bluetooth Keyboard to come into the picture, along with the “tablet”, in our case an Apple iPad. We’ve talked about this before, and the other version was good too, but this product we’re talking about today, also tries, again, helping out the iPad, with a stand, for better viewing conditions and to better match that L shape a laptop can make for best work conditions.

On a day’s worth of use, we’d give it a big tick, as far as productivity improvements are concerned … minus that fifteen minutes working out that Fn-C got you to be able to pair the keyboard with the iPad up at …


Settings -> Bluetooth

Oh well!


Previous relevant Tablet Run Web Server Blog PHP Tutorial is shown below.

Tablet Run Web Server Blog PHP Tutorial

Tablet Run Web Server Blog PHP Tutorial

Mulling continues unabated, after yesterday’s Tablet Run Web Server Blog Follow Up Tutorial as shown below, over how feasible it is to run this blog from a tablet … like an iPad … by today, putting the arrangement to the test of doing some PHP software development with the iPad. Spoiler alert … you can, but it’s a bit more painful than for HTML work, and needs some preparation in advance … but would you want to long term? For me, it’s still “not so much”.

You may recall from yesterday’s work …

The pleasant surprise I hadn’t anticipated out of our steps below, to do it …

  1. Open Nitro HTML iPad mobile app and download some existant HTML “Random Flickr Feed Display” code from Random Images of Feed via Javascript JSON jQuery Tutorial …
  2. Reworked it a bit in Nitro HTML adding one of those big borders we “wakened up to” with Holes Web Application Primer Tutorial and some new Javascript window.open idea linked to work of Location Services iPad Camera Geolocation Jpeg Exif Tutorial
  3. Used “Save As” to give it the flickrfeedbigborder.html filename we ended up using (and Nitro HTML does not like non-alphanumeric characters by the way)
  4. Used “Email as Attachment” to email as attachment … doh!
  5. Open Mail app and tap/click into this email
  6. Lo and behold a Share option of the attachment of this email is an FTPManager app (s)FTP file transfer … yayyyyyy!

… was that FTPManager attachment Share option, in that last step above … brilliant!

… well … the only difference today is that the content of our new webpage contents is PHP … our Apache/PHP/MySql web server serverside programming language of choice.

Today, a curiosity of mine going back “forevvvvver” was resolved for me … don’t expect PHP housed in a web server file with an extension .htm or .html work the PHP logic, unless you change something bizarre in Apache’s httpd.conf or .htaccess arrangements, perhaps. So how does that fit with the iPad’s “Nitro HTML” app not allowing file extensions of .php “out of the box”. Our way around this today involves that “preparation in advance” that the iPad’s functionality, as we have it at the moment, won’t help you with. That solution is to have an inhouse (something like) renamer.php PHP webpage with password protection, at the very least, and more protections, please, as you think fit … because this is a functionality you slow down and think about long and hard first … can come to the rescue renaming the .html out of “Nitro HTML” app to .php … bearing in mind the “FTPManager” app “out of the box” has no renaming functionality.

So, what are we doing today to need PHP? We use PHP flickrfeedseveral.php to read the HTML of yesterday to turn the “20” in “Random Flickr Feed – Latest 20” to be variable … 20 or less.

You can try out the predominantly iPad inspired live run link, to see for yourself.


Previous relevant Tablet Run Web Server Blog Follow Up Tutorial is shown below.

Tablet Run Web Server Blog Follow Up Tutorial

Tablet Run Web Server Blog Follow Up Tutorial

We’ve continued our mulling, after yesterday’s Tablet Run Web Server Blog Primer Tutorial as shown below, over how feasible it is to run this blog from a tablet … like an iPad … by today, putting the arrangement to the test of doing some HTML software development with the iPad. Spoiler alert … you can … but would you want to long term? For me, not so much.

The pleasant surprise I hadn’t anticipated out of our steps below, to do it …

  1. Open Nitro HTML iPad mobile app and download some existant HTML “Random Flickr Feed Display” code from Random Images of Feed via Javascript JSON jQuery Tutorial …
  2. Reworked it a bit in Nitro HTML adding one of those big borders we “wakened up to” with Holes Web Application Primer Tutorial and some new Javascript window.open idea linked to work of Location Services iPad Camera Geolocation Jpeg Exif Tutorial
  3. Used “Save As” to give it the flickrfeedbigborder.html filename we ended up using (and Nitro HTML does not like non-alphanumeric characters by the way)
  4. Used “Email as Attachment” to email as attachment … doh!
  5. Open Mail app and tap/click into this email
  6. Lo and behold a Share option of the attachment of this email is an FTPManager app (s)FTP file transfer … yayyyyyy!

… was that FTPManager attachment Share option, in that last step above … brilliant!

So maybe you’d like to try the “fruits of the iPad’s labour” with this live run link, and hope to see you back soon.


Previous relevant Tablet Run Web Server Blog Primer Tutorial is shown below.

Tablet Run Web Server Blog Primer Tutorial

Tablet Run Web Server Blog Primer Tutorial

We’ve been mulling over how feasible it is to run this blog from a tablet … like an iPad … please don’t ask why? Sorry seems to be the hardest word.

There are two major reasons it is difficult with an iPad “out of the box”, but who says you have to live in a box. That was rhetorical.

Anyway, the two reasons are …

  • the extreme pain of a native iPad keyboard “out of the box” … like to meet the person who doesn’t feel this when writing hand coded HTML, which is our wont hereabouts … oh, hello Mr Smith … oh, and you too Ms Smith … all right, that’s enough Cousin Smith … we don’t need your inferiority complex campaign thank you very much … no, I wasn’t thanking you … gheese … thinking on it, as painstaking as the really small keyboard buttons would be, to optionally have a mode of keyboard like QWERTY (sorry some people) would be nice as an option “out of the box” for hand coding HTML masochists
  • the (s)FTP question of getting media and HTML over to our web server … though, if you don’t need to show code in your WordPress blog, maybe you could do away with no (s)FTP thoughts … though know for a fact you would be causing grief to neglected software code components

Now today you may detect a little flippancy, a little triumphalism even … but it won’t last … however, the reason is twofold … one hardware and one software … and a warm and fuzzy conjoined Goldilocks feeling of the porridge in between (that must be networking) … but we digress …

  • hardware wise … and we’re sorry it cost something, but believe me, it could be worth it … we bought a Logitech K480 Multi-Device Bluetooth Keyboard … yayyyyyyyy! … no more scrambling around between keyboard modes looking for the < and >
  • software wise … and we’re back to it costing nothing … we looked on Apple Store for “HTML editor” and looked at the first screen’s worth of free apps … there were 4 and favoured out of the four, at a first brief look, in “most liked order first” order …
    1. Nitro HTML … our blog posting today was written with it and the Bluetooth keyboard … so, thanks …
    2. HTML editor
    3. CodeMaster
    4. Ca

Nitro HTML caught my eye for its …

  • email as attachment your HTML … and HTML editor for its …
  • (s)FTP functionality

… especially so, with the latter, because it augments the excellent iPad app FTPManager free version we already have, which can help us (s)FTP over to our web server our Photos app file(s), but not HTML, at least in this free version we have hereabouts. Pay a little for FTP on the Go Pro app and this will handle text file (s)ftp transfers.

We’ve been typing for quite a few minutes now, and the “glow” hasn’t subsided, and though we still prefer the good ol’ MacBook Pro methods … well … if push comes to shove … maybe you could do more than I initially gave credit to running a web server via just a tablet … we’ll see.

Did you know?

Just before we “see” let’s “sense”. Before all this “blurb” above a huge thing you should not be scared of on a tablet if you are going to take on this “tablet only” blog approach, is to not be scared of the iPad’s “long hover” over (HTML) text “Select” option, because it is a crucial start to Copy/Paste operations on a tablet. And if you do lots of “long hover” over (HTML) text work, don’t be shy to start the “long hover” in the middle of a block of HTML to get a good spread with those initial positioners … you’ll see what I mean if/when you do a lot of Copy/Paste tablet work.

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

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

Command Line History By Date Tutorial

Command Line History By Date Tutorial

Command Line History By Date Tutorial

Linux and macOS both have a useful command line command history to go back through recent commands you have used. There could be the scenario where you want to list for a particular date on which you did something, as we’re picking 2026-09-20 for examples below …

macOS Linux
history -i 1 | grep “2026-09-20” history | grep “2026-09-20”

… excerpts, as a case in point, for us, gleaning how we, on 2026-09-27 were wondering, back to when, on macOS, on 2026-09-20, we installed Rosetta, regarding how we did it, for example.

Interactively, on such command lines, a lot will allow you to immediately use arrow keys to go back and/or forwards through historical commands to do with their chronological order. Thanks to this link for great advice on this topic.

If this was interesting you may be interested in this too.

Posted in eLearning, Installers, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

Overseas Travel Global Roaming Mobile Primer Tutorial

Overseas Travel Global Roaming Mobile Primer Tutorial

Overseas Travel Global Roaming Mobile Primer Tutorial

Many people who travel overseas, or into other countries, may be worried by the charges that happen revolving around Global Roaming (or International Roaming) telecommunication charge arrangements.

The approach you take to minimize these charges might involve, depending …

  • if an iPhone mobile is just being used to capture media, like taking photos, and you have no intention of involving any downloads by “going online” to the Internet or read emails or read SMSs, we suggest …

    Settings -> Aeroplane Mode ... tap to being on

    … as you board the transport taking you “overseas”, and left on until you arrive back … or …
  • if an iPhone mobile is used to pick up communications, or as well, you could try a messaging product like the private WhatsApp messaging app … and/or …

    Settings -> Mobile -> Add eSIM

    … and set up the arrangements that involves

… just as two ideas that springer to mind.

If this was interesting you may be interested in this too.

Posted in eLearning, iOS, Networking, Photography, Trips, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , | Leave a comment

CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial

CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial

CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial

We were looking into the CSS Sass pre-compiler functionality here in September, 2026, trying an install via brew install sass/sass/sass on an Intel based MacBook Air, and along the way got told, with words to the effect …

The “Support Ending for Intel-based Apps” error message means you are running an older app built for Intel processors on an Apple Silicon (M1/M2/M3/M4) Mac.This notification appears because the app uses Rosetta—the Apple translation tool that lets Intel apps run on newer Apple Silicon chips. Apple plans to completely remove Rosetta in macOS 28 (releasing in late 2027), meaning these older apps will stop working then. Sometimes this warning pops up even for newer apps if they still open an old Intel helper tool or plugin in the background.How to Fix ItUpdate the app: Check the Mac App Store or the developer’s website for an updated “Universal” or “Apple Silicon native” version of the software.Check app settings: Right-click the app in your Applications folder, select Get Info, and see if “Open using Rosetta” is checked. Unchecking it (if a native version is installed) may stop the warning.Delete old apps: If you no longer use the app, drag it to the Trash.Ignore for now: The warning is just a heads-up. Your app will still open and run normally on your current version of macOS.If you want, tell me the name of the app showing this message so I can check if an update is available for you.TidBITS Talk”Support Ending for Intel-based Apps” — Spurious Warning?May 1, 2026 — Rosetta 2 Usage on Apple Silicon: Apple Silicon Macs can execute Intel versions of applications through Rosetta 2, Apple’s automat…YouTube·APPLE 1-TO-1 TRAININGIntel Apps Are Going Away on Mac: What You Need to Know3 June 2026 — Intel Apps Are Going Away on Mac: What You Need to Know starting with Mac OS 28 Rosetta will no longer be functional except for ce…3mMozilla SupportFix “Support ending for Intel-based Apps” warning in Mozilla VPN on macOSYou might see a message about Intel-based apps or Rosetta when opening Mozilla VPN on your Mac.

This notification appears because the app uses Rosetta—the Apple translation tool that lets Intel apps run on newer Apple Silicon chips. Apple plans to completely remove Rosetta in macOS 28 (releasing in late 2027), meaning these older apps will stop working then. Sometimes this warning pops up even for newer apps if they still open an old Intel helper tool or plugin in the background.

… signifying “no go”. But we’d installed Rosetta via …


softwareupdate --install-rosetta

… about a week earlier …

… so persevered in our efforts … but cannot categorically rule out concern here if you encounter the same issue.

Anyway, our further research got us to this SourceForge download of tar link we followed through on and deployed but when it came to command line trying …


dart-sass/sass mystyle.scss mystyle.css

… means of massaging the lightblue …

… mention in mystyle.css over to the lightgreen mystyle.scss setting, as directly mimicking the excellent W3school’s advice, thanks, it complained about security.

Maybe you want to stop at this point, but we were told elsewhere the macOS Intel (with Rosetta) tar install could work, and so worked it via System Preferences work to run the Sass precompiler under system priviledge means, and it worked in the hosting HTML, now referencing (Dart) Sass changed mystyle.css below …

… turning green!

If this was interesting you may be interested in this too.

Posted in eLearning, Installers, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

AlmaLinux Apache Status Report Fail Tutorial

AlmaLinux Apache Status Report Fail Tutorial

AlmaLinux Apache Status Report Fail Tutorial

This morning, on 11/06/2026, we woke up to our RJM Programming’s AlmaLinux WHM and cPanel Apache Status report option, last talked about at AlmaLinux Apache Status Report Inspiration Tutorial, come up with the error …

Failed to receive status information from Apache.
Unable to connect to local httpd server.

… while there was nothing wrong with the HTTP Server (Apache) service which allows you to read this blog posting. Huh?! Well, we’re not sure what caused it, and if it becomes apparent down the line, we’ll probably add a Stop Press below, but what more interests is how to get that report back, because it is a very useful resource to us to see what content gels with users. And so, we asked of Google …

Failed to receive status information from Apache. Unable to connect to local httpd server.

It was very helpful information, thanks. We’d never “tweaked” …

  1. Server Configuration ->
  2.                         Tweak Settings ->
  3.                                           System tab ->
  4.                                                         Allow server-info and server-status … make sure includes 127.0.0.1 … and Save (as required)

… in any way, so definitely made for an interesting morning, reaching into these new configuration areas?!


Previous relevant AlmaLinux Apache Status Report Inspiration Tutorial is shown below.

AlmaLinux Apache Status Report Inspiration Tutorial

AlmaLinux Apache Status Report Inspiration Tutorial

Examining the RJM Programming’s Apache web server’s cPanel‘s …


Apache Status

… report, showing RJM Programming URL accesses in real time, can be very eye opening. Among recent surprises we got there were accesses ( regarding PHP $_SERVER[‘REQUEST_URI’] … ie. the stuff after www.rjmprogramming.com.au ) starting with …

Starting
with …
… then. Our initial response … The action we took …
/wiki/ Sai_Baba_of_Shirdi What the …? Who are those guys? Redirected to English
relevant Wikipedia webpage …
404.shtml (in Apache
Document Root) change …

function onPageLoad() {
if (document.URL.indexOf('/currency/') != -1) {
location.href='//www.rjmprogramming.com.au/PHP/country_currency_quiz.php#showcur=' + document.URL.split('/currency/')[1];
}

if (document.URL.indexOf('/wiki/') != -1) {
location.href='//wikipedia.org/wiki/' + document.URL.split('/wiki/')[1];
}

// rest of code follows
}
/currency/ lbp-lebanese-pound We’re officially gobsmacked! 404.shtml (in Apache
Document Root) change … then …
country_currency_quiz.php
(with this live run link),
featuring these changes

… that last one today’s work, borne out of Apache Status Fascination!

Making something out of nothing?! We’ve got nothing to lose, and we may surprise some user out there (perhaps just mucking around).

And so, with similar themes to HTML5 Time Tag Timeline AlmaLinux Debug Tutorial we set out to make something out of nothing here, and we’ve closely documented what we did regarding today’s animated GIF presentation.


Previous relevant HTML5 Time Tag Timeline AlmaLinux Debug Tutorial is shown below.

HTML5 Time Tag Timeline AlmaLinux Debug Tutorial

HTML5 Time Tag Timeline AlmaLinux Debug Tutorial

Another day, another use for (in our case Google Chrome web browser) web inspector functionality. Yes, even if the source of the issue is PHP (which we moved on from a CentOS starting with 5 version to an AlmaLinux version starting with an 8) we’re yet to see an issue that could not be resolved with the help of a clientside web inspector debugging arrangement. Of course, the simpler the PHP the more likely this is to happen, but we can’t emphasise enough how useful these web inspectors are.

Today’s case in point revisits the use_time.htm clientside web application we talked about at HTML5 Time Tag Timeline Tutorial. Moving to AlmaLinux, and revisiting it on trying …

… as a reason we should add to the list (of two we talked about at PHP Migration Software Strategies Tutorial) …

  • fgrep … preemptive approach … and/or …
  • error_log … reactive approach
  • examining Apache Status log every now and then … via (now AlmaLinux cPanel but used to also be on CentOS cPanel) Apache Status report we talked about at CentOS Web Server cPanel Apache Status Tutorial

… as a “what the users are trying” resource available for AlmaLinux (cPanel using) web masters to keep in touch with goings on … was fun.

The fix, again, was to do with our “assumptive” PHP5 associative array logics … will Nala ever learn?!

And so, though our Time Tag clientside web application did not change, the underlying Google Chart Timeline Chart interfacing timeline_chart.php‘s web application did!


Previous relevant HTML5 Time Tag Timeline Tutorial is shown below.

HTML5 Time Tag Timeline Tutorial

HTML5 Time Tag Timeline Tutorial

The recent HTML5 Time Tag Primer Tutorial introduced the time tag, an HTML5 initiative, into our frame of reference here at this blog. As soon as date and/or time come into the picture the “when” of life comes into focus, and the use of the fourth dimension. As such, this HTML time tag can be the launching pad for interfacing to other “when” based web applications we’ve developed here.

With this in mind we …

With changes like this it can be important to leave the door open for people to not access this new Timeline (in an HTML iframe element), in terms of backward compatibility “friendliness”, and we allow for that via either/both bold (part of) ways below …

But we are of the view that interfacing to other web applications with synergies is generally a good thing to do, and can inspire other ideas to develop regarding improvements to functionality.


Previous relevant HTML5 Time Tag Primer Tutorial is shown below.

HTML5 Time Tag Primer Tutorial

HTML5 Time Tag Primer Tutorial

You might be forgiven reading this webpage about the time tag introduced with HTML5 that it is not of much use, because it doesn’t show any distinguishing feature yet, in any of the web browsers.

But you can tailor the use of it yourself, and to show this we took the HTML lacking a <head></head> section and not change this HTML at all, but add our own CSS and Javascript (DOM) <head></head> section to embellish its functionality considerably.

We use a combination of …

  • CSS ::after { content: ‘blah blah’; } pseudo-element
  • CSS :hover selector
  • window.onload = init; // Javascript onload functionality
  • document.body.innerHTML+=styles; // Javascript where styles variable contains dynamically constructed <body></body> section CSS <style></style> (an important thing to remember you can do (at a document.body onload event Javascript function, for example)) … and for this we used …
  • dynamically classed HTML time elements and moving on the onclick event (for mobile device use) as per …

    times[iw].onclick = function() { };
    times[iw].className+=' atime' + iw; // the times array which is derived via

  • var times=document.getElementsByTagName('time');
  • to be able to dynamically populate that styles variable as per codelines like …

    styles=styles.replace("</style>"," .atime" + iw + ":hover::after { content: ' is " + sin(yyyy2,4) + "/" + sin(mm2,2) + "/" + sin(dd2,2) + " " + sin(hh2,2) + ":" + sin(minm2,2) + ":" + sin(ss2,2) + "'; } </style>");

Here is a link to some downloadable HTML programming source code which you may want to rename to use_time.html for this live run link.

Stop Press

If you were an “early bird” reading the early editions of this blog post, sorry, but you will have missed this, perhaps, and then again, maybe I am wasting my time pointing this out, but, since those early editions we’ve added a couple of iw links that harness some new functionality we have in our “highlighting” armoury (shall we say) making use of the new HTML5 mark tag, which we’ll be detailing more about in tomorrow’s blog posting. Clicking these links effectively does a web browser “View Page Source” type of functionality, but also highlights and positions (to first find), in situations like the “iw” one, where it is just a counter, but is unexplained, so we leave it up to curious users to find out something about its context.

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

Posted in eLearning, Networking, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

Home Assistant Primer Tutorial

Home Assistant Primer Tutorial

Home Assistant Primer Tutorial

We discussed some EV Charging ideas when we presented the recent Ocular EV Charging App RFIDs Primer Tutorial. That Ocular App functionality for home AC charging features three modes of use, those being …

  • Fast
  • Solar Assist
  • Solar

… that last one sounding ideal if you have solar battery storage at home, but in reality, the conditions of it’s usage have been a bit elusive for us to achieve yet this year. Perhaps the height of summer will see this different, but today, we’re pointing you to another idea we have not yet implemented ourselves, but known out there by a lot of people as a good generic idea regarding the control of your energy setup in a home environment, as our electrician gave us “the heads up” about. It’s a hardware and software product called …


Home Assistant

… as described …

Awaken your home
Open source home automation that puts local control and privacy first. Powered by a worldwide community of tinkerers and DIY enthusiasts.

… by this great not-for-profit enterprise.

We went researching and have come up with today’s tutorial animated GIF for your perusal, should you be interested.


Previous relevant Ocular EV Charging App RFIDs Primer Tutorial is shown below.

Ocular EV Charging App RFIDs Primer Tutorial

Ocular EV Charging App RFIDs Primer Tutorial

We recently got helped hugely acclimatizing to a new EV (electric vehicle) via a …

  • Solar Panel and Battery install to house … solar battery specialists …
  • EV Charging via Private Pole to house and grid … electrician …
  • EV Car … car sales specialist

… flurry of advice recently, leaving us with mobile apps for …

  • the house solar panels and battery
  • the car
  • the EV charger … it being today’s focus, and called the Ocular App, helping with AC (the top “trickle feed” slower (top car plug, and as you buy the EV Charger you get supplied the unsuitable lead) charging approach, as distinct from Evie App charging (oh, that makes four) at public charging stations where, hopefully available, is faster DC charging (the bottom car plug) many Australians will be getting a handle on this coming school holidays) …

Since then, the car people upgraded our car software in an indescribable set of steps … was this firmware?! Anyway, an ongoing matter of interest (it took us a month to address but read on) was the electrician leaving us with two RFIDs … these quite small rigid but smaller and fatter credit card …

… feeling do-dahs EV charging Plug and Charge precursor arrangements … in what you might categorize as a “security thaing”.

You’re probably getting the gist here …

Stick to the day job … software!

But luckily, yours truly gets inspiration in these “onboard hardware matters” from the gumption and fearlessness of my partner! Yayyy! So we found ourselves …

  1. at the iPhone open with the Ocular App with the RFIDs and the EV Charger while it was not charging, but near The Car when …
  2. the butler did it … no … at the Ocular App “My” tab …

    … tapped “My Card” option …
  3. tapped “Bind New Card” option
  4. filled in a new Card Name
  5. checked the Serial Number of the EV Charger serial number that appeared
  6. tapped “Bind” option …
  7. waved RFID card in front of front scanner (see image two down) … and the EV Charger beeped … and the app displayed “Success” … who’d have thought?!
  8. and this is where security might happen if … back at “Group” tab “EV Charger of interest” tap screen unchecked Plug and Charge

    … … meaning to charge you need to wave RFID card in front of front sensor …

    … of EV charger

… and so it made sense to associate car fob with the RFID card as per …

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

Posted in eLearning, Hardware, Installers, Networking, Software, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

Seek and Ye Shall Find Tutorial

Seek and Ye Shall Find Tutorial

Seek and Ye Shall Find Tutorial

We asked Google …


How can iOS differentiate a tap for focus from tap for click from an out of focus position.

… and received this reply …

iOS differentiates these three touch intentions (focusing, clicking, and interacting out-of-focus) by measuring touch duration, the presence of UI elements, and hardware-level gesture recognizers.

Here is how the system tells them apart:

Tap for Click:

Uses UIControlEventTouchUpInside (or equivalent gesture recognizers). A tap is registered when a finger touches and releases the screen in the same location over a button or active element. It fires an action instantaneously.

Tap for Focus: Uses long-press (touch-and-hold) gesture recognizers. If the finger is held down instead of immediately releasing, the system recognizes a “hold” rather than a click. In photography apps, for example, holding locks the focus distance (AE/AF Lock). In system navigation, this brings up the contextual menu.

Tapping Out of Focus: This occurs when a tap misses an interactive element. In iOS, a tap on “dead space” (a blank area) dismisses active elements (like the keyboard), cancels a focused state, or triggers continuous autofocus in the Camera app.

… which satisfied us. So, on a roll, we decided to ask Google …


How can iOS stop play when a phone call comes in and resume it when playing the media from a web browser app.

… and received this reply …

iOS is designed to automatically pause media playback when you receive a phone call. When the call ends, simply swipe down to open your Control Center and tap the Play button on the media controls widget.

Because browser-based media depends on the app’s specific site code to support system background audio, exact behavior can vary depending on the web browser (e.g., Safari, Chrome) and the website you are viewing.

… which satisfied us too.


How does a car's bluetooth speakers work out what media can be streamed through it's speakers, or not?

… and received this reply …

A car’s Bluetooth system determines what media can play by using a set of rules called Bluetooth profiles. When your phone and car connect, they trade a list of capabilities. If both devices support the profile for high-quality stereo music, media will stream. If the car only supports the profile for phone calls, music is blocked.

Bluetooth Profiles
A2DP (Advanced Audio Distribution Profile):
This is the main rulebook for streaming stereo music, podcasts, and high-quality audio. If your car stereo lacks A2DP, it cannot play media wirelessly even though it connects to your phone.HFP (Hands-Free Profile): This rulebook handles phone calls and voice commands using low-quality, single-channel audio. Many older cars have HFP for calls but lack A2DP for music.AVRCP (Audio/Video Remote Control Profile): This works alongside A2DP. It lets your car stereo send remote commands like play, pause, or skip track back to your phone.

Codecs and Compression
Codecs: Software like SBC or AAC acts as a translator. Your phone compresses the audio data into a small package using a shared codec. The car stereo receives the package and decodes it back into sound.Compatibility: Both your phone and car must agree on the same codec during the handshake process. If they cannot match a codec, streaming fails.

Why Some Media Works and Other Media Fails
Call vs. Media Separation:
Your phone treats phone calls and media apps as separate audio streams. You can be connected to the car for calls (HFP) while your phone fumbles media playback because the car denies the A2DP data stream.
App Settings:
Navigation apps like Google Maps have individual settings that force voice directions over a phone call profile or a media profile. If set incorrectly, instructions may fail to break through the car speakers

… which tripled our satisfaction. Then we asked …


Why would it be when you pass a fire station the radio signal disappears for a second?

… and received this reply …

Your car radio signal likely drops near a fire station due to local radio frequency interference (RFI) or receiver overload from high-powered emergency transmitters. [1] (https://www.firerescue1.com/fire-products/communications/articles/iaff-voice-radio-communications-guide-for-the-fire-service-section-2-basic-radio-communication-technology-RgQG1khps2pimfXd/), [2] (https://ham.stackexchange.com/questions/5133/why-did-i-lose-my-fm-radio-signal)

High-Power Transmitters: Fire stations often house base stations, dispatch antennas, or local repeaters that broadcast on high power to reach emergency crews. [1] (https://en.wikipedia.org/wiki/Radio_repeater), [2] (https://www.firerescue1.com/fire-products/communications/articles/iaff-voice-radio-communications-guide-for-the-fire-service-section-2-basic-radio-communication-technology-RgQG1khps2pimfXd/)

Receiver Desensitization: When you drive past, these strong local signals temporarily overwhelm or “overload” your car radio’s tuner. [1] (https://www.firerescue1.com/fire-products/communications/articles/iaff-voice-radio-communications-guide-for-the-fire-service-section-2-basic-radio-communication-technology-RgQG1khps2pimfXd/)

Signal Blocking: Large metal apparatus bays, reinforced concrete structures, or emergency vehicle electronics can also create a brief physical shadow or localized electromagnetic interference. [1] (https://www.reddit.com/r/explainlikeimfive/comments/40ll7l/eli5_why_do_you_lose_your_radio_signalfm_when/), [2] (https://antesky.com/what-are-the-interferences-to-radio-waves/)

… which quadrupled our satisfaction.

But there the roll ended, because we came upon a rock disguised as an island.

If this was interesting you may be interested in this too.

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

CSS Variables at the Root Level Tutorial

CSS Variables at the Root Level Tutorial

CSS Variables at the Root Level Tutorial

For us, to think …

CSS variables computes … is a lot harder to fathom and “more of a stretch” than …
Javascript variables computes

… but this is true, and it can be dynamic too, though we’re using Javascript to make it dynamic and using the …

:root

… CSS selector (globally to the whole webpage) repository to allow for this, when we wrote a simple proof of concept web application you can also try below with similarities to concepts you can read more about at the recent CSS Variables Textarea Tutorial below.


Previous relevant CSS Variables Textarea Tutorial is shown below.

CSS Variables Textarea Tutorial

CSS Variables Textarea Tutorial

Today we’ve got a “proof of concept” CSS web application idea that is inspired by this W3school’s webpage, thanks, but adding user interaction functionality, regarding …


CSS @property variables

… bringing some Javascript feeling logic excitement to CSS styling smarts. You can try this user interactive approach with this first draft CSS @property variables web application …

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

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