Расул Гитинов

пользую raindrop.
не без косяков, но в целом доволен.

в общем проблема похоже в методе task()
Его сигнатура изменилась
task([taskName], taskFunction)

Здесь нет третьего параметра, как было в третьей версии.
Соответственно объявленные анонимные функции не запускаются (этот параметр игнорится)

Старый подход к объявлению задач с предварительным запуском других не работает.
Нужно отдельно описывать все задачи и запускать через series/parallel, или анонимными функциями в том же series

Было:

gulp.task(
  'sometask',      // название задачи
  ['anothertask'], // выполнить перед задачей
  function(){}     // сама задача
)

Стало:

gulp.task(
  'sometask',     // название задачи
  gulp.series(    // последовательно выполнить
    'anothertask',  // другие задачи
     function(){}   // и саму задачу
  )
)

Добавлю неправильный вариант, который может ввести в заблуждение:

gulp.task(
  'sometask',     // название задачи
  gulp.series('anothertask'),  // выполнить другие задачи
  function(){}   // и саму задачу
)

сделать картинку фоном div'a и в этот div вставить текст.

Ну я сомневаюсь, что для этого есть видеоуроки.

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

Во-вторых - говорите, что карта "при нажатии переезжает к локации", что-то я такого у вас тут вовсе не вижу. Нужно использовать метод setCenter.

В-третьих - каким образом вы собираетесь показывать на карте всплывающие окна меток, если сами метки никак с картой не связаны? Откажитесь от меток, и используйте popup карты (типа так), или всё-таки добавляйте метки на карту (типа так).

это у вас фокус на верхний слайдер срабатывает.

добавьте backFocus: false в опции fancybox

что по сути он не отличается от обычной верстки

Потому что он внезапно именно вёрстку и делает на выходе и называется генератор статических сайтов

Jekyll
vs
WordPress

чтобы в URL не было окончаний .html или в этом роде

Это вообще по сути делается отдельно от сайта, если захотеть. гуглить по "url rewrite nginx|apache"
Водрвпресс конечно из коробки умеет, а на статическим надо будет руками конфиг вебсервера подправить.

чтобы если я в корне сайта создам папку "portfolio", а в ней папку с названием проекта "project-name" в итоге получилось так "site.ru/portfolio/project-name"

Это вообще никак не делается, папки так и работают, тоже не менее внезапно.

Для меня важно: 1. чтобы в URL не было окончаний .html или в этом роде; 2. чтобы если я в корне сайта создам папку "portfolio", а в ней папку с названием проекта "project-name" в итоге получилось так "site.ru/portfolio/project-name"

С этим проблем не будет.

возникло ощущение, что по сути он не отличается от обычной верстки. Ведь можно также собирать обычную верстку с помощью Gulp, Sass и шаблонизатора Nunjucks.

Да, но... Раскидывание постов по тегам и категориям, rss и sitemap, постраничная навигация, поиск, еще что-то... лениво все это делать самому. Jekyll выступает в качестве готовой конфигурации, которую можно взять и использовать для таких задач, не запариваяь о том, что там есть и как оно работает. В этом его предназначение. Понятно, что jekyll не заменит gulp или webpack в задачах вроде сборки современного фронтенда (ну знаете, это когда 100500 модулей, babel или даже typescript, препроцессоры, постпроцессоры и.т.д.), но вопросы именно файловой структуры сайта и всего, что с ней может быть связано, он решает хорошо и без лишних вопросов.

могу обойтись без админки... или может остаться на WordPress?

Если хочется просто статичное портфолио - то зачем там какая-то cms? Она будет только тормозить и ничего не делать. А еще статику можно на github захостить - бесплатно и достаточно надежно.

browsersync любой браузер будет обновлять (и даже все браузеры сразу) + он удобнее в использовании и более конфигурируемый, никто уже лайврелоадами не пользуется года 2-3

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

https://necolas.github.io/normalize.css/

Написан на коленке - возможны опечатки

$('.work').each(function() {
    var work = $(this),
        title = work.find('.work__title'),
        thumb = work.find('.work__thumb');

   thumb.height(work.height() - title.height() - 20)
})

$('.audio__select').click(function(e) {
  e.preventDefault();
  $('.audio__list').removeClass('active') // закрыть все
  $(this).parent().find('.audio__list').toggleClass('active');
});

width и height задайте жестко.


P.S.: код скриншотами - это плохо.

height 100% работает в случае, если у ВСЕХ родителей, начиная от html и до самого объекта задана высота
https://jsfiddle.net/ktmgb1bx/

либо фиксированная высота есть у родителя, чтобы первому внутреннему ребенку было от чего считать 100%
https://jsfiddle.net/swL8r5sr/

ну для родителя , к примеру html,body делайте height 100% и потом все первые дети смогут тоже быть 100%

$(function(){
  $('#support nav a').click(function(e) {
    e.preventDefault();
    $(this).addClass('active').siblings().removeClass('active');
    var tab = $(this).data('id');
    $('#support .slide[data-id="' + tab + '"]').addClass('active').siblings().removeClass('active');
  });
});

Почитайте про siblings() , всё очень просто

UPD: Заменил attr() на data() , так чуть правильнее