Михаил

-webkit-tap-highlight-color: transparent;

querySelector выбирает только первое совпадение, вам необходимо использовать querySelectorAll и проходить циклом по результату навешивая события на каждый элемент.
Например так:

var elements = document.querySelectorAll('.jiegou');
for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', function() {
       window.open("/publ/spravochnik/glossarij/25");
    });
}

.gitignore для того и нужен, что бы в репозиторий не попали лишние файлы. И конечно он будет и должен находится в самом репозитории. Если это файл настроек который может отличаться у разных разработчиков, работающих над проектом. То в репозиторий лучше положить болванку (как должен выглядеть файл настроек) например main.conf.sample, на основе которого разработчик создает себе нужный main.conf который в свою очередь как раз добавлен в .gitignore. Иначе другой разработчик при отсутствии у него такого же gitignore файла, просто закоммитит свой конфиг в репозиторий и вы его себе потом подтяните и перезатрете свой конфиг.

Перейти в вкладку computed - найти там свойство font-family - навести на него - нажать на иконку стрелочки

Как-то так

$(function() {
    $('.tab').on('click', function(e) {
        var $el = $(e.currentTarget);
        var $tabs = $el.closest('.tabs');
        var $content = $tabs.children('.tabs-content').children('.tabs-content-item');
        // Удаляем классы active
        $el.siblings().removeClass('active');
        $content.removeClass('active');

        // Добавляем классы active
        $el.addClass('active');
        $content.eq($el.index()).addClass('active');
    })

});

Таким способом вы подключите только regular шрифт. На сайте google fonts при добавлении шрифта, есть ещё пункт customize где вы можите настроить начертания и т.д.
Вот пример:

<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">

В CSS используйте font-weight и font-style

font-family: 'Roboto', sans-serif;
font-weight: bold;
font-style: italic;

и т.д.

Попробуйте добавить

.btn:active,
.btn:focus {
    outline: none;
}

Нельзя размещать text/x-template внутри рутового элемента (к которому вы привязываете инстанс). Вот так правильно.

Нет, он там и так есть.

попробуйте

#preloadDiv {
position: relative;
}

Cпецифичность бы сработала если бы для зеленого цвета селектор был UL LI SPAN, а так у нас получается, что зеленый цвет назначен для UL и пока у span не будет объявлен в стилях свой цвет, span'ы внутри списка будут наследовать зеленый, но как только мы в селекторе используем тег span он станет приоритетнее. В примере у нас сначала действует blue, а потом его перебивает orange так как он находится ниже.

С помощью опции labelOrigin можно сместить, вот пример

Это метод этой библиотеки. Исходники

Можно сделать обертку, например так

var score = 0;
$( "input:radio:checked" ).each(function(){
    score += parseInt($(this).val());
});

P.S. Обновил ответ