Tips

Debugging overflow on a page


* {
    outline: 1px solid red !important;
}
* {
    outline: 1px solid red !important;
    opacity: 1 !important;
    visibility: visible !important;
}

Default browser focus styles


a:focus-visible,button:focus-visible{outline: 2px auto #000 !important;outline-offset: 2px !important}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:thin dotted !important;}

jQuery Version


$.fn.jquery

Document Ready jQuery


$( document ).ready(function() {

});


$(function() {

});

When site was last updated


document.lastModified

env() Safe Area

The Notch and CSS env() Variables

Adding Javascript to HTML


<script type="text/javascript" src="script.js"></script>

<!-- adding 'defer' to load after HTML has been loaded -->
<script type="text/javascript" src="script.js" defer></script>