CSS and JS notes

var docElm = document.documentElement;
if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

if (document.exitFullscreen) {
    document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}

.uselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

a {
    outline: none;
}
/* for buttons in firefox */
button::-moz-focus-inner {
    border: 0;
}

$('button').focus(function(){
    $(this).blur();
})

<div class="container">
    <img src="http://host/img1.png" class="back">
    <img src="http://host/img2.png" class="front">
</div>

.container {
    position: relative;
    top: 0;
    left: 0;
}
.back {
    position: relative;
    top: 0;
    left: 0;
}
.front {
    position: absolute;
    top: 30px;
    left: 70px;
}

<meta http-equiv="X-UA-Compatible" content="IE=8" />

<input type="text" autocomplete="off">

window.open(url, '_blank');
window.focus();

var is_chrome = /chrome/.test(navigator.userAgent.toLowerCase()

<form target="_blank">...</form>