Earth Notes: On Website Technicals (2022-08)
Updated 2022-08-16.2022-08-16: Save-Data and Chrome 104 on Android 11
Though I can't find anything explicit and current about it on-line other than issues at chromium.org, when the Data Saver option is on (Settings > Network and Internet > Advanced > Data Saver) in Android (11) on my Fairphone 3 (FP3 Build/8901.4.A.0013.4), and my data connection is mobile rather than WiFi, Chrome (104.0.5112.69) seems to set the Save-Data
header on HTTP (including HTTPS) requests.
There is no explicit 'data saver' / 'lite' proxying option within Chrome itself since M100 (2022-03-29) onwards.
Thus for this site, as designed, page requests get redirected to the 'lite' (m-dot) site, and fewer, lower-fi images are shown. Data saving at work!
Supporting (and requesting) Save-Data
still seems to be very much a minority pursuit; at most a few percent of sites and requests allegedly.
When/if prefers-reduced-data
CSS stops being experimental, the 'full' link in the top navigation may be able to be hidden when Save-Data
is on and therefore the link would not be functional.
2022-08-08: No Fan Fan
One good feature of my new M1 MBA compared to the older Intel model, is that it runs cooler and has no fan. Soon evident when briefly switching back to the old one!
2022-08-07: Semantic aria-current
I sometimes highlight the current item in a set/list/table. Re-reading an old technicals entry and Using the aria-current attribute I see that for example I should be using the attribute aria-current
to make the 'current' item, eg with value 'date
' for the current/topical date. Then I should use CSS something like below in my base CSS to style it:
[aria-current]{font-weight:bold}
This can be applied to, for example, appropriate dates in the energy series, or to the selected item in breadcrumbs.
There does not seem to be a semantic HTML5 equivalent.
I am using attribute value page
for 'this' breadcrumb, though location
may be slightly better. The former is not wrong, and is shorter, so I'll stick with it for now.
Adding this attribute may improve accessibility (a11y) a little, I hope!
2022-08-05: Pros and Cons
Google adds structured data support for pros and cons on product markup, so I have added initial support. This is specifically Review.positiveNotes
and Review.negativeNotes
as ItemList
. The first 'enhanced' page is On the LIME Energy Saving Plug: Review.