trushka

можно onload отловить, но он сработает, даже если будет неправильные данные и он покажет форму входа

(window['имяФункции']=function(){
  console.log('hello')
})()

Так и делайте на css, с помощью hover и transition.

Можно перед парсеньем (парсированием? Парсингом?) позаменять в тексте ответа src на data-src или вообще выкинуть их нафиг))

За web аnimations api))

Может, попробовать
html, body {width:100vw; height: 100vh}

А в чём смысл вообще таблицу дивами верстать?)) Ведь если советуют не забивать гвозди микроскопом, то это не значит, что мелкие предметы надо рассматривать молотком))
Я б на вашем месте переверстал это дело таблицей и не создавал себе проблем на ровном месте))

Можно ресайзить canvas с помощью css, тогда его "реальные" размеры не изменятся, но он будет масштабироваться. Но тогда для дальнейшего "рисования" надо будет пересчитывать координаты..

А что за скрипт "стирания"? Ато я когда-то такой делал)) trushka.narod.ru/clear_me

Если вы "закрываете" div присваиванием visibility='hidden', то и "открывать" его надо присваиванием visibility=''. А не "вызывается", потому что для вызова, скорее всего class использовался, который вы благополучно убрали)) Надо "закрывать", присваиванием className='hidden', как было до его открытия. И вообще, лучше сразу его запомнить в переменную, тогда с ним что угодно делать можно, даже из документа удалять, а потом вставлять взад..

$(function(){
  var imgHead = [
    '../images/big_img_top1.jpg',
    '../images/big_img_top2.jpg',
    '../images/big_img_top3.jpg'
  ], el =$('.first_image_normalize'), i=0;
  $.each(imgHead, function(i,val){
    el.prepend('<img src="'+val+'" class="bg hidden" onload="$(this).removeClass(\'hidden\')">')
  });
  var bg =$('.bg', el);
  setInterval(function(){
    bg.removeClass('visible').eq(i).addClass('visible');
    i=(i+1)%imgHead.length
  },4000);

.first_image_normalize {position: relative}
.first_image_normalize .bg {position: absolute; width:100%; height: 100%; transition: .3s linear; opacity:0; visibility: hidden; /*z-index: -1*/}
.first_image_normalize .bg.visible:not(.hidden) {opacity:1; visibility: visible}

Можно блоку с контентом банально задать owerflow: auto, и просто отлавливать событие scroll на нём. Скрыть полосу прокрутки можно поместив блок в другой, фиксированной ширины, но с owerflow: hidden, а внутреннему задать float: left, например, и растянуть с помощью ::before с заданной шириной

Вроде помогает установка для body прозрачной картинки в качестве бэкграунда (кажется, с background-position:fixed).

А вообще, вопрос типа "Как решить проблему подскакивания велосипеда на квадратных колёсах? Круглые колёса не предлагать!" :)

Есть какой-то плагин для отрисовки canvas-2d на webGL, вроде это намного производительнее получается. Тут у нас есть веб-приложение с использованием webGL, причем, полноценной 3D-графики - и вроде отлично летает даже на самых древних ойфонах

по первой половине вопроса:

var player={html-элемент audio };
// на ссылки вешаем обработчик клика:
audio.pause();
audio.src=this.href;
audio.play();
return false // отменяем переход по ссылке

Самый простой вариант - всунуть эту анимацию в iframe. У нас на проекте так и сделано)

Есть более продвинутый вариант реализовать прокрутку, чтоб и в истории браузера сохранялось, и можно было бы открыть в новой вкладке
Как при клике на ссылку добавлять в урл название?