Александр Зачиналов

div {border-right: thin solid #ccc}
div:last-child {border-right: 0}

Такие вещи несут много проблем, можно повернуть, растянуть, подрезать чтобы не было скроллов...Но все это весьма не кроссбраузерно. Легче в купе с полифилом сверстать это на SVG, включая текст. Если SEO заругают ))), то можно меню продублировать. Ну или повернуть только блок меню поверх SVG, если поддержка браузерами выше IE9+

Догадка на примере аккордеона в Bootstrap. Штатная разметка несет
class="panel-collapse collapse"

при работе js-плагина сюда добавится класс in, который обеспечивает отображение содержимого.
Может ли uncss отследить назначаемые скриптами классы? Вряд ли...
Существуют ли универсальные классы в фреймворках, которые не привязаны к родительским блокам, назначаются скриптами и используются с одной целью, но в разных блоках? Да, конечно...

Какое есть решение для поддержки vw (vh) единиц в старых браузерах?

Я бы еще отсечку прописал, чтобы зря JS не гонять

$(window).scroll(function() {
    if ($(this).scrollTop() > 1){
        if (!$('header').hasClass("sticky")) {
        $('header').addClass("sticky");
        $('header .logo').addClass("sticky");
        $('header .navbar-right').addClass("sticky");
        }
    }
    else{
        $('header').removeClass("sticky");
        $('header .logo').removeClass("sticky");     
        $('header .navbar-right').removeClass("sticky");            
    }
});

тогда, возможно, и transition один раз проидет, без наложения.

P.S. не повторяйте свойство z-index для смежных классов (header и header.sticky как пример), не забывайте, что через transition можно менять не все свойства CSS список возможных

Потому что нельзя ожидать быстрого срабатывания при такой организации. Зачем нагружать CSS вообще, если пишите на JS, то и пишите на нем...не стоит думать что присвоение стилей на JS это очень быстродейственно)) тем более при ресайзе окна без таймаута. Вообще пишите прямо так:

function resizeImage() {

    var wWindow = $(window).width();
    var hWindow = $(window).height();

    if ($('.resImg').width >= wWindow) {
        $(".resImg").width(hWindow * 1.5);
    } else {
        $(".resImg").width(wWindow);
    }
}
resizeImage();
$(window).resize(resizeImage);

...и будет вам счастье

Если вы пропишите закрытие окна, под которым на самом деле подразумевается удаление его из DOM страницы, то тогда вам придется добавлять обработчики на добавление этих окон при повторном открытии. Гораздо легче скриптами останавливать воспроизведение.

$('СЕЛЕКТОР ОКНА С ФРЕЙМОМ .window__close').click(function() {
     $(parentWindow).remove();
    });

после этого события, данное окно уже не откроется, пока не обновится страница...
Вместо $(parentWindow).remove(); все-таки лучше стопануть музон, если сайт с музыкой ваш то вы должны знать как, если сторонний, то можно подсмотреть у них

нарушили синтаксис CSS потому что...
width: calc(50% - 100 ЕДИНИЦЫ ИЗМЕРЕНИЯ )

Типа такого? https://jsfiddle.net/yus383p8/

Попробовал, проблем не нашел на webkit'ах...
Ваш реальный пример бы не помешал

Сервис автоматической расстановки вендорных префиксов: autoprefixer.github.io

P.S> это решение конкретного случая. От себя хочу пожелать многим осваивать системы сборки Grunt, Gulp и т.п. , а также некоторые IDE, с ними не возникает подобных вопросов

Если вопрос по правильности HTML5, то мне так кажется правильнее разметить https://yadi.sk/i/iuZmT5s4cy8To хотя хозяин - барин. Критика и обсуждение такого варианта тоже приветствуются.

Вообще-то проблема из пустяка, кто или что Вам мешает изучать и фронтенд и бэкэнд? Если вам надо прямо только одно и никаких уступок, то из своего опыта скажу, что Ф-щики берут количеством заказов, а Б-щики стоимостью. Вам решать как удобнее, один проект за 30т или 3 проекта по 10. Мне второе оказалось удобнее, я могу контролировать свою нагрузку, брать простые проекты, когда туго со временем.

Подскажите что примерно для Вас не так? Или нам все проблемы описывать?

У вас в index > head вставлен код вызова fancybox, у него в опциях
$(".caption").toggle();

&:nth-last-child (1,2,3) {border-bottom: white;}

media (min-width: @screen-sd) {
&:nth-last-child (3) {border-bottom: transparent;}
}
media (min-width: @screen-xs) {
&:nth-last-child (2) {border-bottom: transparent;}
  }

Если файлов действительно много, они большие, вам лень идти по совету @Fesor и вы хотите грузить стили через JS, то могу посоветовать gianlucaguarini.github.io/jquery.html5loader . Помимо стилей можно подгружать еще много всего, а заодно и красиво оформить этот процесс.

он не бэком картинку вставляет, а дочерним блоком с position:absolute))...поставьте у container'a свойство CSS overflow:hidden