v-orlov

всем спасибо, что направили в сторону ошибки
действительно в дебрях скриптов была сколл-функция, которая отдельно завязана на этой высоте и задает ее дополнительно еще и скриптом (хотя есть стиль). в панели разработчика на высоту, задаваемую jsом совсем не обратил внимания.

пока поступают очевидные ответы про сборщики и src, ожидаемого ответа пока нет. уточню.
не все так просто. некоторый js не будет работает вне шаблона.
я, например, не могу вынести из шаблона подобный код, тк именно в этом html идет импорт из бэка данных.

html
<div class="mydata"></div>

js

var data = "{{data.title}}";
$('.mydata').innerHTML = data;

как такой js выносить?

https://nicescroll.areaaperta.com/
хорошая либа, использовал на паре проектов, ни разу проблем не было, стилизовать можно

а вообще на сайте, ссылку которого Вы дали, используют:
https://github.com/cubiq/iscroll

$(function(){
$('.vote-accepted-on').click(function(){
  $('.hr1').addClass('hr2');
  setTimeout(function(){
    $('.hr1').removeClass('hr2');
  },1000);
 });
 });

некоторые версии firefox отказываются работать с сокращением события как 'e'

function deleteNotes() {
        var deleteBtn = document.getElementById('reset_notes');
        deleteBtn.addEventListener('click', function(event) {
            event.preventDefault();
            localStorage.clear();
            location.reload();
            console.log('delete');
        })
    }
    deleteNotes();

много раз выручало

у меня тоже когда-то стояла подобная задача - 100% идеального скрипта нет
1. нужна графика
в данном случае базовая картинка - eco-chehol.ru/bitrix/templates/avtochehol/images/v...
и нарезанные свг(векторные) картинки текстур, которые будут накидываться на эту базу при клике
2. при выборе текстуры, влючать ее свгшку поверх базы, а остальные держать выключенными (посмотрите скрипты отображения\скрытия картинок при клике, там зависит от ваших нужд)

90% возни с конструктором - графика, которая, если плохо нарезана, дает жуткие косяки по краям, при смене текстур видны несоответствия по размерам и тд.
по цене не могу подсказать

окей, а если у меня sass с такой вложенностью

header {
  width: 500px;
  .block {
  background: #ccc;
  }
}

бонус от инлайн mq понятна, но если мне всю эту вложенность нужно изменить на 0-500px, не писать же так:

header {
  width: 500px;
  @media (max-width: 500px) {
    width: 100px;
  }
  .block {
  background: #ccc;
  @media (max-width: 500px) {
    background: green;
  }
  }
}

?

спасибо отписавшимся.
но возник другой вопрос, а вообще такой проект (руби + gulp + sass + jade) теоретически можно на винде развернуть или нет? и если можно, может кто-то подсказать как?
p/s предвосхищая утверждения, что разработчики обязаны работать под linux\mac, хочу добавить, что мне просто как пользователю нравится оболочка винды, как бы позорно это ни считалось

var text = $(#div).attr('data-modal-name');  // получили содержимое дата-атрибута - текст из дива
alert (text);  // в алерте должно выводиться это содержимое
$(#h3).text(text); // запихнули этот текст в h3

проблема может быть с тем, что эти селекторы не находятся через кучу родителей и тд. но теста ради можно с id попробовать

как решить, если вдруг у кого-то будет подобная проблема:

.block a {
position: relative;
z-index: 1000;
}
.link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}

ссылку с фенси подсунуть под весь контент с меньшим индексом, и ссылки которые выше, не будут реагировать на его вызов. даже js не понадобился.

понимаю, что так правильно по бэм, но, какой смысл писать два класса одному диву, если на один из классов почти наверняка не будет навешан стиль:

<div class="logo page-header__logo">
...
</div>

а когда открываешь верстку и ужасаешься количеству классов, оказывается, что некоторые классы присвоены "чтобы были по бэм"

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

$('.fancybox').fancybox({
        helpers     : {
            overlay : {
                locked: false
            }
        }
    });

в css жесткую ширину (или минимальную) задать на нужном разрешении
типа того

@media (min-width: 920px) and (max-width: 1600px) {
  .slider {
  width: 1000px;
  }
}

предложенные варианты подошли, спасибо. но вот слайдер меня озадачил )
он после себя оставляет еще 20 классов внутри моего списка .wow, то есть все чистить долго и неправильно.

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

(я просто для себя пробую, на реальном проекте, конечно, такое делать - бред)

у вас сама библиотека jScrollPane.js к странице не подключена = не прописана в head