sergey

Попробуйте четко сформулировать свою задачу. На то, что Вы написали нужно сделать следующие шаги.
Подключите jquery (jquery.com).
Сделайте шаблон для вывода меню.
После загрузки страницы добавьте элемент меню в header
$(document).ready(function(){
$('header').append(ваш_элемент_с_меню);
...
});
Смотрите api.jquery.com/append

Если имеется ввиду заполнение только текстовых полей, то вот вариант:

var props = {};

$.ajax({
  url: 'https://randomuser.me/api/',
  dataType: 'json',
  success: function(data){
    var user = data.results[0].user,
        list = $('.form-control'),
        prop;

    deepSearch(user);
    
    for (var i = 0, len = list.length; i < len; i += 1) {
      prop = props[ $(list[i]).attr('id') ];
      if ( prop ) $(list[i]).val(prop);
    }
      
  }
});


function deepSearch(node) {
  for (var elem in node) {
    if ( typeof node[elem] !== 'object' || isObjectEmpty(node[elem]) ) {
      props[elem] = node[elem];
    } else {
       deepSearch(node[elem]); 
    }
  }
}
  

function isObjectEmpty(obj) {
  for (var key in obj) {
    return false;
  }
  return true;
}

$("input[type=text]").each(function() {
    var input = $(this), id = this.id;
    input.attr('name', id);
});

Если передаете параметры в url, то надо их потом оттуда считать и записать сюда:

<span id="nextLabel">SLPK</span>

Можно также читать отсюда:

<input type="text" value="3" data-label="minSl" name="min_bedrooms" class="form-control" placeholder="Typ of selecteer..." data-original-title="" title="">

<input type="text" value="4" data-label="maxSl" name="max_bedrooms" class="form-control" placeholder="Typ of selecteer..." data-original-title="" title="">

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

А причем тут PHPStorm, если это нужно делать с помощью Gulp/Grunt?

Самый простой способ - использовать JavaScript SDK

Я думаю можно сделать что-то похожее на мой пример

Советую jquery-selectBox
- простой
- без наворотов
- выпадающий список не будет обрезан если на родителе hidden или если кастомный селект будет находится внизу страницы (выпадающий список будет открыт вверх)

Bootstrap
silviomoreto.github.io/bootstrap-select

Нахождение разницы массивов

diff = function (a1, a2) {
    return a1.filter(function(i) {return a2.indexOf(i) < 0;})
    .concat(a2.filter(function(i) {return a1.indexOf(i) < 0;}))
}

Проверка на полное совпадение

compare = function (a1, a2) {
    return a1.length == a2.length && a1.every(function(v,i) { return v === a2[i]})
}

тесты здесь: jsfiddle.net/Stalk/7h5ahq5k

Функция предикат.

var equalArrays = function (array, compareArray) {
    var i, len = array.length;
    if (len !== compareArray.length) {
        return false;
    }
    for (i = 0; i < len; i += 1) {
        if (array[i] !== compareArray[i]) {
            return false;
        }
    }
    return true;
};

ну начать с

if(a.length==b.length){
for(var i = 0; i<a.length;i++)
{
if(a[i]!=b[i])
{
return false
}
}
return true;
}
else
{
return false;
}

А как вы будете сравнивать элементы - ваше дело. Зависит от того заботят вас типы данных или только значения

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

https://assets.adobe.com/files - Загружаете туда PSD и прекрасно верстаете без PS.

Конечно есть возможность, там используется colorbox с настройкой верхнего отступа в 45%.

Скрипт /catalog/view/theme/journal2/js/journal.js.
Проблема на 835 строке.

$(".ajaxcart").colorbox({ 
  onLoad : function() { $(this).colorbox.resize(); },
  onComplete : function() { start_show(); $(this).colorbox.resize(); },
  fastIframe: false,
  scrolling: false,
  initialWidth: false,
  innerWidth: false,
  maxWidth: false,
  height: false,
  initialHeight: false,
  innerHeight: false,
  //returnFocus: false,
  top: '45%' <- убрать

Нету, оставайтесь на phpstorm. Разница в частоте обновлений не такая уж критическая.

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