Cheizer

Потому что browsersync создает сервер HTTP и в нем нет поддержки php файлов. Обработчик РНР можно поставить в апаче но не в GULP browsersync.

const selector = '.text';
const regex = /@(\w+)/g;
const replacement = '<a href="https://site.com/$1">$&</a>';
const replace = str => str.replace(regex, replacement);

$(selector).html((i, html) => replace(html));

// или

document.querySelectorAll(selector).forEach(n => {
  n.innerHTML = replace(n.innerText);
});

Через регулярные выражения.
Дам подсказку: /^@\w+/

Эта ошибка возникает для случая, когда $k = 'next' и $v2 = 'https://graph.instagram.com...'.

Вы, очевидно, хотите итерировать по $arr['data'].

...
foreach ($arr['data'] as $v){
...

И дальше в соответствии этим изменениям.

Тег image, расположить в координатах (svgWidth - imgWidth) / 2, аналогично для высоты

https://codepen.io/two-legs/pen/OJXrzbW

const $menuItems = $('#menu a');
$('#submenu > ul').width(i => $menuItems.eq(i).width());

Попробуйте вместо этого:

//запрос к базе через API CMS
$params = array(
  'select' => 'id,pagetitle,introtext,content',
  'where' => $where  
);

Написать так:

//запрос к базе через API CMS
$params = array(
  'select' => 'id,pagetitle,introtext,content',
  'where' => 'dateFrom >= '.date($_GET['dateFrom']).' OR dateTo <= '.date($_GET['dateTo'])
);

IE11 не умеет в деструктурирующее присваивание.

Также тебе следует обратить внимание, что при такой записи date_from и date_to будут глобальными переменными.

location.reload()

margin-right: 100% для ссылки

Удалите этот код:

$.ajax({
          url: 'https://platform.twitter.com/widgets.js',
          dataType: 'script',
});

Непонятно зачем вы пытайтесь подключить сторонний JS через jQuery, когда можно просто сделать так:

<script src="https://platform.twitter.com/widgets.js"></script>

Так а зачем у вас стоит 358.37deg? Поставьте 0

Глобально надо поставить gulp-cli, а не gulp, а локально надо ставить gulp. Gulp-cli это утилита, или программа, которая зарегистрирует в консоли команду gulp. CLI - command line interface, интерфейс командной строки, как-то так. Это надо, чтобы Вы могли в консоли запускать задачи с помощью команды типа 'gulp task'. Если gulp-cli не поставить, то для запуска задач пришлось бы писать что-то типа 'node gulpfile.js', а тогда проблема, что в нем ещё надо указать, какую задачу конкретно запускать надо, потому что node запустит просто скрипт, и выполнятся все задачи, которые там объявлены и вызваны. Либо пришлось бы в package.json регистрировать скрипты под алиасы, сокращенные команды, и для запуска пришлось бы писать npm run task, а в package.json надо тогда описать этот task. Сложно, короче. Gulp-cli умеет принимать название task'a и вызвать его из gulpfile.js. Теперь в gulpfile описываете задачи, и через gulp вызываете.

Скрыть элемент при клике за его пределами

min-width: 0 для .group

Вариантов в целом много. Если пойти по пути псевдоэлементов с абсолютным позиционированием и аккуратного выравнивания, то получится что-то такое:

с параметром watchSlidesVisibility: true слайдам в зоне видимости добавляется класс swiper-slide-visible

stroke='rgb(255,0,0)'
https://jsfiddle.net/nw0gcsqp/