JavaScript tips

 I have been adding screenshots to the manifests of my webpages that are Progressive Web Apps (PWA). Chrome suggests doing this in the 'Application' panel of the 'developer tools'. However Chrome only shows these screenshots as small 'thumbnail' images when you go to install the PWA. It seems each set of screenshots shown needs to have the same 'aspect ratio'.

 I have been removing obvious 'abbr' tags from my 'tips' page I had a lot of fun looking up abbreviations but apparently it is bad style as it interrupts the flow of the reader. This can be especially bad for screen readers. For example, I was showing the abbreviation for 'PC' and '3d'. I also now only mention an abbreviation once the first time it is appears in a tip rather than repeating the abbreviation in the same tip. I still repeat abbreviations in different tips as someone might be reading just one tip.  I am now removing unnecessary links for websites mentioned in the tips.  When I started writing the tips, I thought the idea of HTML, being 'hyper-text', was to have lots of links. So I added a link for every website, book and organistion that I mentioned.  But over time, the number of links grew to be over 500.  Again, the links, being blue and underline, interrupt the flow of the reader. I thought the page would be more inviting with lot...

 I have been adding 'smooth scrolling' to my pages which have internal links. I add this to my CSS:     :root { scroll-behavior:smooth; }  The browser now shows moving through the page to get to the link. This even works on Firefox and on the old Chrome for Windows7. Sometimes the page scrolls very quickly when I come 'back' to a page where I had gone to a link. I turn 'smooth scrolling' off when the user has asked for 'reduced motion'. I learnt about this from reading the book: 'Responsive Web Design with HTML and CSS' by Ben Frain. I found the book in a branch of my local library. I find different books in the different branches.