JavaScript tips

 I have been adding 'prefers-reduced-motion' and 'prefers-contrast' media queries to my webpages. The accessibility course on 'web.dev' says I should have my animations off by default and let the user turn on the animations if desired. Chrome lets you emulate these media settings. The computers at my library do not let you set these media settings in Windows. 'web.dev' says these two accessibility media queries are the two best supported by browers. There are more tips at:  bbingo.xyz/t

 I am using the online HTML5 outliner by Marc Hoyois at: 'hoyois.github.io/html5outliner/'. I used to use the outliner at: 'gsnedders.html5.org/outliner/'. This got confused by HTML5 tags like 'header' and 'nav'. This outliner seemed to break and stop working. There are more tips at:  bbingo.xyz/t

 I changed the 'lang' attribute of my 'html' tags to be 'en-GB' rather just 'en' to help screen-readers. I also removed 'text-align: justify' as the uneven spacing can make the text harder to read. There are more tips at:  bbingo.xyz/t

 I have been reading 'Cryptocurrencies all-in-one for dummies' by Kiana Danial et all. The book put me off buying some bitcoin. It seems so difficult to keep your 'private keys' secure. I learnt a lot about keeping online investing secure. There are more tips at:  bbingo.xyz/t

 If I upload files to my website then they do not always immediately appear when I look at my webpages in a browser. My hosting provider is 'Hostinger'. There are more tips at:  bbingo.xyz/t

 I have been adding more semantic HTML5 elements to my webpages. I have added 'header', 'section', 'main' and 'nav' elements. The 'accessiblity' course on 'web.dev' says to add semantic elements before adding ARIA attribues. I do use an ARIA label to distinguish two identical links. One link is big for small screens. The other link is small for big screens. There are more tips at:  bbingo.xyz/t