b_efimenko

<nav>
		<ul>
			<li><a href="#home">Домой</a></li>
			<li><a href="#about">О нас</a></li>
		</ul>
	</nav>
	<div id="home">
		<!-- Some content -->
	</div>
	<div id="about">
		<!-- Some content -->
	</div>

	<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
	<script>
		$('nav a[href^="#"]').on('click', function() {
			var target = $(this.hash);
			$('html, body').clearQueue().animate({ scrollTop: target.offset().top }, 1500);
			return false;
		});
	</script>

Любые метки, не только utm, разбор гет-параметров и вывод соответствующей им страницы.

Судя по всему, по utm меткам.

Попробуйте как-то так:

@media only screen and (max-width:800px){
#block1{width:20%}
#block2{width:40%}
#block3{width:40%}
}
@media only screen and (max-width:600px){
#block1{width:20%}
#block2{width:20%}
#block3{width:60%}
}
@media only screen and (max-width:400px){
#block1{width:33%}
#block2{width:33%}
#block3{width:33%}
}

max-width и width подбираете как удобно.

Пример с блоками: jsfiddle.net/lkp_chg/sLbdkpye

JS код из вашего примера ruseller.com/lessons/les1637/demo/index.html:

$(function() { 
	$('div#fds img').each(function(i) {
    $(this).delay((i++) * 500).fadeTo(1000, 1); })
});

Обратите внимание: если вы рассматриваете этот прием в контексте оптимизации нагрузки на сервер и/или канал — у вас ничего не выйдет.

Выставляете всем изображениям display:none; Затем с помощью библиотеки jquery создаете функцию js для проявления изображения, например:

function fadeInImg_1(){
$('#img_1').fadeIn('slow');
}

Затем вещаем обработчик скрола и выставляем в какой интревал вызывать функцию:

$(document).scroll(function(){
            if ($(this).scrollTop() >= 0 && $(this).scrollTop() < 1140){
               fadeInImg_1();
            }
        });

Интервал в пикселях.

jQuery Lazy Load Plugin - поищите , думаю это то, что вам нужно