JavaScript tips

 I have been enjoying adding a custom 404 error page to my website. Google's Search guide recommends a custom 404 page. I made a page with links to the valid pages. I used CSS rotations and scaling. The HTML editor of my hosting provider, Hostinger, does not allow 'meta' tags. I used a CSS media query to adapt the page for mobiles as I could not use the 'viewport' meta tag.  This editor works best if you add a bit of code at a time rather than trying to paste in a whole page.   There are more tips at:  bbingo.xyz/techtips/

 I was puzzled by some CSS with a very large 'border-radius'. But a 'border-radius' of more than half the width of a square is treated as a 'border-radius' width of a half the width, which makes a circle. There might be a CSS rule with a large 'border-radius' that applies to many square elements of various sizes. There are more tips at: [bbingo.xyz/techtips/](https://bbingo.xyz/techtips/) There are more tips at:  bbingo.xyz/techtips/

 I can pause a CSS animation by creating a 'style' element with a 'keyframe' of the same name that does nothing. If the new 'keyframe' does something different then both Chrome and Firefox immediately change the animation. There are more tips at: [bbingo.xyz/techtips/](https://bbingo.xyz/techtips/) There are more tips at:  bbingo.xyz/techtips/

 I am putting each tip on my tips page in an 'article' tag. The 'article' HTML5 tag is for self-contained content. I add an 'h3' heading below the 'article' tag with a title for the tip. Unfortunately, I am going to have to make up titles for about 1000 old tips.  I hide the heading with 'display:none' so only HTML5 outliners see it. I have started reading Google's guide to how to improve a website's ranking in its search results. The guide is at:     'developers.google.com/search/docs' I want to find out why my tips page does not appear in Google's index. This is somewhat ironic. There are more tips at:  bbingo.xyz/techtips/