Posts

Animated smiley in page title

 You can animate the title in the browser tab (or window title) by setting 'document.title'. I first tried setting the 'innerHTML' of the 'title' tab, but this does not work in Chrome. I put a smiley in the page title and slowly change it. If I change the title quickly then the browser tab (or window title) changes in length which is a bit distracting. I have read it is bad form to animate the page title. I got the the list of smileys from the Linux 'smiley' program. There are more tips at:  bbingo.xyz/t

theme-color

 You can see the 'theme-color' on a desktop if you create a 'Progressive Web App' (PWA). It is reasonably straightforward to create a minimal PWA. I had to change my website to use SSL. You set the 'theme-color' in an HTML 'meta' tag. This colors the title bar on mobiles and tablets. You can create a 'shortcut' to a 'standalone' copy of your PWA outside of your desktop browser. There are more tips at:  bbingo.xyz/t

Expired SSL issuer certificate on Firefox

 Firefox says the SSL 'issuer certificate' for my website has expired. I think I need to upgrade Firefox to refresh its database of SSL certificates. But I use Firefox in my local library. My hosting provider uses the free SSL certificates from "Let's Encrypt". There are more tips at:  bbingo.xyz/t

Book about Artificial Intelligence

 I read a good book about Artificial Intelligence (AI) going wrong. The book is 'You look like a thing and I love you' by Janelle Shane. The book made me realise you can try out 'machine learning' for yourself these days. I am going to put my list of names into an AI and see what new names the AI comes up with. There are more tips at:  bbingo.xyz/t

Conic gradients

 There are 'conic-gradient's in CSS. They are like radial gradients, but the colours change as you go round the centre point. There is a lot more to radial gradients than I realised, like 'farthest-corner' and steps There are more tips at: bbingo.xyz/t

Free quotes

 'wikiquote.org' has some good quotes with a Creative Commons license. 'brainyquote.com' has better quotes but they are only free to use for personal use. There are more tips at:  bbingo.xyz/t

Easing function

 I like the 'easeOutBack' easing function on 'easings.net'. I use this easing function on an animation of a spider.  The spider comes down the screen, slowly stops and then bounces back up a it. There are more tips at:  bbingo.xyz/t