qbk17

Посмотрите, нет ли в package у вас автопрефикса, плагина для саблайма, если есть - удалите, и перезапустите редактор. В еммете как бы нет автопрефиксов, зато есть плагин для саблайма, у меня стоял когда-то, но он не нужен, в принципе, галп или подобные системы есть для этого.

<div class="slider-wrapper">
  <button data-step="-1">-</button>
  <div class="slider"></div>
  <button data-step="+1">+</button>
</div>

$('.slider').slider({ /* настройки слайдера */ });

$('.slider-wrapper [data-step]').button().click(function() {
  const $slider = $(this).closest('.slider-wrapper').find('.ui-slider');
  const step = +this.dataset.step;
  const { min, max, value } = $slider.slider('option');

  $slider.slider('option', 'value', Math.max(min, Math.min(max, +value + step)));
});

https://jsfiddle.net/142touep/

Webpack идеально подходит для SPA-приложений. Разумеется, его можно использовать и для классических приложений, хотя это уже будет не так изящно. Разумеется, все вышеперечисленное может и gulp, однако gulp - это все же таск-раннер, т. е. инструмент более общего назначения, а вебпак - это сборщик, т. е. инструмент, заточенный именно под сборку приложений. И да, использование webpack, как правило, освобождает от использование gulp. По поводу плагинов - почитайте доку https://webpack.github.io/, там найдете и про плагины и про все остальное.

Почитать? Почитай Альтшуллера про ТРИЗ (Теория Решения Изобретательских Задач). Например "Творчество как точная наука". Или загляни на сайт. Там есть материалы для скачивания. Очень хорошо мозги вправляет. Но не увлекайся - одной книги на эту тему хватит.
Что делать? Надо для начала научиться формализовать задачу и декомпозировать задачу на подзадачи. Вот это решается практикой и изучением подобных решений. Поэтому никаких видосиков на ютьюбе. Читай Дейкстру/Хоора ("структурное программирование" и подобные). Читай исходники и обсуждения. SO тут совсем не лишний для создания своей коллекции методов и подходов.
Английский - прям обязательно. Просто потому что активно общающихся программистов там на порядки больше.

Решайте задачки по программированию. Попробуйте обучающие игры типа codecombat.com, js.checkio.org, screeps.com, codewars.com, codehunt.com ( правда тут java /c#)
Попробуйте порешать задачки на этих интерактивных курсах: repl.it/community/classrooms/24696 repl.it/community/classrooms/26415
и тут coderbyte.com

Рекомендую еще книжку Самоучитель JavaScript (Дмитриева М.) Там на яваскрипте решаются серьезные алгоритмические задачи.

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

Кормен "Алгоритмы: вводный курс"

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

Можешь попробовать прочитать учебник по логике (науке).

А вообще, в природе все устроено максимально просто. Раздели свою задачу на маленькие подзадачки и найди решение каждой. Если решение найти трудно, раздели ещё раз.

Все гениально просто. А все сложное придумали эти учёные для более наглядной записи и удобной работы.

background-size: auto 485px;
или background-size: 100% auto;
или даже background-size: cover
Я так и не понял чего вы хотите.