Виталий Инчин ☢

Потому что background size должен по спецификации идти после bg position и отделяться слэшем. Попробуйте:

background: url(../img/header_bg.jpg) no-repeat center/cover;

var path = location.pathname.split('/');
var path = path[path.length-1];

PROFIT!

Внутри таблицы TFOOT должен идти перед TBODY, чтобы браузер пользователя мог отобразить TFOOT до получения всех остальных строк из TBODY, которых может оказаться очень много.

www.w3.org/TR/html401/struct/tables.html#h-11.2.3

Представьте, что у вас очень большая таблица:

<table>
    <thead>
        <tr>...</tr>
    </thead>
    <tfoot>
        <tr>...</tr>
    </tfoot>
    <tbody>
        <tr>...</tr>
        <!-- Ещё тысячи строк... -->
        <tr>...</tr>
    </tbody>
</table>

В таком случае, браузер быстренько отобразит пользователю THEAD и TFOOT (обычно они не содержат много строк), и пользователь будет ждать, пока не загрузится остальная часть строк из TBODY. Если бы TFOOT шёл после TBODY, пользователю пришлось бы ждать полного отображения TBODY и лишь затем он бы увидел TFOOT.

В HTML5 допустим и такой порядок: thead, tbody, tfoot.

transform: rotate(45deg);

А родителю - overflow: hidden

$('#selectYear').change(function() {
    alert(this.value);
});

jsfiddle.net/6swukaw6

Например с помощью плагина fullPage

Можно так:

<ul class="nav">
    <li><a href="#category-1">Категория 1</a></li>
    <li><a href="#category-2">Категория 2</a></li>
    <li><a href="#category-3">Категория 3</a></li>
</ul>

<div id="category-1">Описание категории 1</div>

$(function(){

    $('.nav a').on('click', function(e){
        e.preventDefault();
        $('html, body').animate({scrollTop: $($(this).attr('href')).offset().top}, 2000);
    });

});

Скорее всего 0 <= t <= 2π

Окружность также можно описать с помощью параметрического уравнения:

википедия

Пример реализации
Но по сути можно не ограничиваться этими границами, а рассматривать t как просто время, увеличивающееся на каждой итерации. Т.е. в коде можно убрать обнуление t

if(t > 2*Math.PI) t = 0;

Вот функция для извлечения id видео из youtube-ссылки:

function getVideoID(url){
  var id = '';
  url = url.replace(/(>|<)/gi,'').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
  if(url[2] !== undefined) {
    id = url[2].split(/[^0-9a-z_\-]/i);
    id = id[0];
  }  else {
    id = url;
  }
  return id;
}

Возвращает идентификатор видео не только в предложенном Вами сценарии, но также во множестве других:

/*
* Поддерживает ссылки вида:
var url = 'http://youtube.googleapis.com/v/4e_kz79tjb8?version=3';
url = 'https://www.youtube.com/watch?feature=g-vrec&v=Y1xs_xPb46M';
url = 'http://www.youtube.com/watch?feature=player_embedded&v=Ab25nviakcw#';
url = 'http://youtu.be/Ab25nviakcw';
url = 'http://www.youtube.com/watch?v=Ab25nviakcw';
url = '<iframe width="420" height="315" src="http://www.youtube.com/embed/Ab25nviakcw" frameborder="0" allowfullscreen></iframe>';
url = '<object width="420" height="315"><param name="movie" value="http://www.youtube-nocookie.com/v/Ab25nviakcw?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/Ab25nviakcw?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>';
url = 'http://i1.ytimg.com/vi/Ab25nviakcw/default.jpg';
url = 'https://www.youtube.com/watch?v=BGL22PTIOAM&feature=g-all-xit';
url = 'BGL22PTIOAM';
*/

Ответ так и напрашивается: "Потому, что так написан сценарий" - при движении мыши, установить свойству "margin-left" значение "20px". Не изменять это значение при каждом движении по какому-то алгоритму, а просто статично установить и всё. Хорошо бы было узнать, какой результат вы ожидаете?

Хорошо, не буду вас мучить... В цикле, где вы пытаетесь изменять значение, выведите в консоль "slide.style.marginLeft". Есть два варианта того, что вы увидите при первом срабатывании: или же пустую строку или же уже установленное значение, которое было прописано в атрибуте style, например, "30px". Если строка пустая, то "" + "20px" == "20px", если же значение, то "30px" + "20px" == "30px20px". В последнем случае, по крайней мере современные браузеры, проигнорируют некорректное значение. Выход: или же заранее прописать какое-то значение в атрибуте style у этих элементов, или же в цикле, где вы устанавливаете обработчики событий onmousedown и onmouseup, добавить такое значение, например, slides[i].style.marginLeft = 0;, или же использовать метод getComputedStyle(), когда надо подхватить значения, прописанные в CSS и не забывать полученное текущее значение приводить к числовому типу

slide.style.marginLeft = (parseInt(slide.style.marginLeft, 10) + 20) + "px";

php.net/manual/ru/language.types.object.php

<?php
$obj = (object) 'ciao';
echo $obj->scalar;  // выведет 'ciao'
?>

<?php
$object = new stdClass();
?>