Как наглядно увидеть размеры блоков при создании сетки в CSS?

Андрей:
Да ты не пфыкай =) Просто попробуй сделать такую обводку бордерами всем элементам (неважно в какой модели) на странице с уровнем сложности выше "детского".

Нет бы слушать да на ус мотать, что умные дядьки говорят, а он пфыкает =))

Как наглядно увидеть размеры блоков при создании сетки в CSS?

Андрей: Подробности в спецификации. Или в песочнице попробуй примеры сделать. Ты же взрослый =) должен знать как ведут себя различные бокс-модели.

Как наглядно увидеть размеры блоков при создании сетки в CSS?

Андрей: content-box меняет внешние размеры, border-box - внутренние. Оба случая могут доставить проблем.

Как наглядно увидеть размеры блоков при создании сетки в CSS?

* {
  outline: 2px dotted red;
  outline-offset: -2px;
}

Нужно ли прикладывать к резюме свои самые старые проекты?

Встречают по одежке. Прикладывать нужно лучшее. Если старый код хороший, почему бы его не приложить.

JS ключ oбъекта?

Вот тоже удивляюсь.
Можно же картинку прямо в вопрос вставить

Уменьшить кол-во префиксов?

Люди в 2017-м году пишут чистый код, без префиксов =)

Как сверстать "кладку" блоков с отступами между ними, но без отступов вокруг самой кладки?

https://jsfiddle.net/j3ufq1p4/8/

Как сверстать файл из psd?

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

Фотошоп вам верстку не сделает.

Правильно ли я "покрыл" bem классами двухуровневое меню?

Islam Ibakaev: Если они кардинально будут различаться внешне, то возможно. В общем случае - это выпадающее меню. Что в одном пункте, что в другом. Подошло бы более нейтральное общее имя. Для незначительных визуальных отличий логичнее использовать модификатор для единого блока.

Как прописать событие onclick в php коде?

Леонид Резвицкий: шта?
Я говорю - не нужно картинками код выкладывать.
Код выкладывается вот так:

let $link = $('<a/>', {
     'class': 'menu__link',
    href   : item.link,
    text   : item.title,
});
let $item = $('<li/>', {'class': 'menu__item'});
$link.appendTo($item);

Как прописать событие onclick в php коде?

Леонид Резвицкий: не пости в следующий раз код картинками.

Photoshop - при открытии макета пишет нет шрифта?

По-русски же написано - шрифт отсутствует.
Если шрифта в системе нет - его нужно установить.
Какие еще могут быть варианты? :DD

Отсутствует - нужно установить. Это, блин, элементарный логический вывод!!!

Как сделать в webstorm стрелки одним символом?

У мня и в браузере он стоит =)

Как сделать в webstorm стрелки одним символом?

Установите шрифт с поддержкой лигатур, например FiraCode
Выберите его для редактора кода.

Есть ли какой то способ максимально просто передать сообщение на компьютер?

флешка =)

Как сделать ajax обработку нескольких форм?

собственно сами урлы в формах

<form action="/ajax.php?form=callback" method=post>
...
<form action="/ajax.php?form=ticket" method=post>
...

if (isset($_POST['form'])) {
  switch ($_POST['form']) {
    case 'callback':
      // bla-bla-bla;
      break;
    case 'ticket':
      // bla-bla-bla;
      break;
    default:
      echo 'Invalid form';
      break;
  }
}

Как сделать ajax обработку нескольких форм?

$('form') // все формы
  .on('submit', function(){
    let $form = $(this); // текущая форма
    let action = $form.attr('action'); // урл берется из самой формы
    $.ajax({
      url: action // на него и отправляется.
    })
  });

Универсально, надежно, без извращений.

Правильно ли я "покрыл" bem классами двухуровневое меню?

Всё нормально. Единственное, что смущает, это название класса .gallery-submenu.
Может быть там дизайн особенный, но в общем случае обзывать подменю галереей не стоит. Ведь подменю может появиться и у других пунктов.