IceJOKER

www.color-blindness.com/color-name-hue - поковыряйтесь в исходниках и найдите код, который отвечает за это

Как-то так:

if($('ul .selected').length != 0){
  $('ul').append( "<li class="selected"></li>" );
}

stackoverflow.com/questions/18053261/play-a-video-...

Есть куча сервисов для разных языков, попробуйте поищите:
html minify
js minify
......
jscompress.com
https://javascript-minifier.com/

После полной загрузки страницы вешайте и не парьтесь.
И вам самим-то не лень 10 раз одно и тоже писать меняя лишь одно число?
Можно же создать массив от какого-то значения до какого-то и в цикле присвоить.

p.s. если альбомы итак выводятся на странице, то лучше к ним прикрепить fancybox чем в ручную, там он уже сам заберет href/title

$(document).ready(function() {
	$('a[href^="#"]').click(function(e){
		e.preventDefault();
		var el = $(this);
		$('body').animate({
			scrollTop: el.offset().top}, 1000);
		});
});

Ответ на вопрос - МОЖНО, $('select').attr('id', 'newId');
И зачем задавать вопрос , когда можно просто проверить

$('textarea').focus(function(){
  $(this).attr('id', 'newId');
});

$(function(){

  $('header').css('background-image', 'url(...)');

});

onclick | onmousemove ?
Простое решение как раз на jQuery, он упрощает работу с JS

php.net/manual/en/book.curl.php
CURLOPT_REFERER

Как вы и писали, сначала скрываете body до полной загрузки или до выполнения основных задач, а потом плавно показываете body (jQuery - $.show('slow') , можно и на чисто JS).
Либо изначально задаете размеры блокам , чтоб при заполнении они не прыгали .

Либо блок, в который только что вставили контент, показываете плавно, чтоб страница не прыгала

Вы про градиент?
"CSS linear-gradient" just Google it

Нужно пилить, пилить и пилить, чтоб что-нибудь получилось.
А вы думаете у других было все так просто - прочел пару книжек и все пошло по маслу?

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

Как-то так наверно, не стал изучать исходник

if (this.options.pagination.active) {
        i = e("<ul>", {
          "class": "slidesjs-pagination"
        }).appendTo(n);
        e.each(new Array(this.data.total), function(t) {
          var n, r;
          n = e("<li>", {
            "class": "slidesjs-pagination-item"
          }).appendTo(i);
          r = e("<a>", {
            href: "#",
            "data-slidesjs-item": t,
            html: t + 1
          }).appendTo(n);
          e("<span>").appendTo(r); //ДОБАВЛЕННАЯ СТРОКА
          return r.click(function(t) {
            t.preventDefault();
            a.stop(!0);
            return a.goto(e(t.currentTarget).attr("data-slidesjs-item") * 1 + 1)
          })
        })
      }

fi2.php.net/manual/ru/function.copy.php
fi2.php.net/manual/ru/function.file-get-contents.php

Убираете setTimeout для решения вашей проблемы, но зачем два запроса отправлять, когда можно одним запросом вытянуть контейнер общий и оттуда уже выдернуть два блока и обновить их?
Все равно вы получаете полную страницу(если конечно не обращаетесь к кусочкам отдельно), так зачем два раза запрашивать одно и то же, когда можно один раз запросить и выдернуть оттуда то, что вам нужно и заменить

с какой лучше всего работать - логично подумать, что с последней стабильной версией
много ли поменялось в плане функционала по сравнению с 0.12 - а вам ничего не говорит разница в цифрах версий -0.12 и 4.2.3?

Just primitive logic && nothing else