Может ли кто проверить верстку?

Doxi:

были в макете круглые

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

Как добавить класс?

.какой-то-родительский-класс input[type=search] {}

Может ли кто проверить верстку?

font: 52px/35px "Roboto-Light", sans-serif

высота строки меньше размера шрифта (отмазки не катят, так не делается)

font: 11.5px/26px

Дробные пиксели

width: 865px

width: 265px

прощай адаптив (хотя бы мах-width 100% добавить и то уже будет лучше...)

line-height: 22px

высота строки в пикселях. да еще для тега параграфа без класса.

"RobotoSlab-Bold"

Слишком частое упоминание семейства шрифта. лучше задать базовый шрифт для html. То же самое качается размера шрифта, высоты строки и т.п.

"Roboto-Light"
"RobotoSlab-Bold"

Не нужно подключать так шрифты. Нужно давать им правильное имя (Roboto и Roboto Slab) а вес и начертание задавать свойствами font-weight и font-style

Весь файл пестрит магическими числами. Вероятно пикселями выравнивал по макету.

Непоследовательность в именовании классов
для блока .about заголовок назван .about__title, а для блока .news - .news__item-title, хотя структура у них похожа (список - элемент списка - описание сущности)

Смотрел только код, не открывая страницу с версткой.
В коде еще много к чему можно придраться. В реализации, видимо тоже, судя по имеющемуся ответу.

Как через css задать отдельные стили для тачскрина?

https://modernizr.com/

.no-touchevents .box { color: red; }
.touchevents .box { color: green; }

Вопрос верстальщикам. Как вы так быстро верстаете и не умираете от скуки?

Эксперименты прибавляют интереса, но замедляют работу. Не стоит увлекаться.

Вопрос верстальщикам. Как вы так быстро верстаете и не умираете от скуки?

И снова! Снова! Снова! Одни и те же действия, одни и те же свойства, одни и те же теги.

Всё так.
Музычку в наушники погромче, отключаем мозг, и тупо пишем код.
Появляется нестандартная задача - убавляем музыку, включаем мозг.

Ну и копипаста спасает. Из предыдущих проектов. Блоки похожи, многие параметры задаются через переменные препроцессора, получается копипаста с минимумом правок.

Применим ли BEM в MySQL?

Применяется, но не в таком виде. Посмотрите любую ORM.

Ищется (фреймворк|библиотека) под критерии?

Сам присматриваюсь к VanillaJS, помоему то что надо, легкость и мощность в одном.

Определенно, вы правы =)

Как выравнить блоки ряда?

wagwandude:

P.S.: Насколько приемлемый вариант с flex на данный момент? Я ориентируюсь на современные браузеры, но не хочется оставлять позади IE последних версий.

самому посмотреть слабо caniuse.com/#feat=flexbox ?)

Есть несколько страниц сайта,файл js должен быть 1н?

Просто проверяйте, нашелся ли элемент.

var element = ...getElementById();
if (element) {
  // что-то делаем с найденным элементом.
}

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

Как бы вы реализовали такой блок с языками?

l55uiz: Я бы сделал как-то так https://codepen.io/delphinpro/pen/bWeZJP

Как бы вы реализовали такой блок с языками?

Я бы начал с третьего варианта.

Является ли матрица в ноутбуке монитором?

Ezhyg: А я картошку выращиваю. Можно я ей свое определение придумаю? Очень прошу, очень-очень... Детский сад..

Является ли матрица в ноутбуке монитором?

Ezhyg: Да не придумывайте вы свои определения! Лучше в словарь гляньте! У слова есть вполне определенное значение (или несколько)

Как срабатывает resize() в данном примере?

Zhuroff: Если очень хочется чтобы у вопроса было решение, можете сами сделать ответ.

Является ли матрица в ноутбуке монитором?

Не гони =)
Под словом "монитор" подразумевается внешнее устройство отображения визуальной информации. При том, что само устройство не имеет источника этой информации и получает ее по внешним интерфейсам. Т.е. телевизор - тоже не монитор.

Матрица сама по себе ничем не является кроме собственно матрицы.
Что курил? =))

Как срабатывает resize() в данном примере?

var scrollTop = $(window).scrollTop();
var headerHeight = $(".header").outerHeight();
var windowWidth = $(window).width();

if (scrollTop >= headerHeight && windowWidth >= 768) {

} else {

}

Как прослушать событие изменение окна браузера?

универсальный метод .on()

.on('любоеСобытие', function(){ ... })
.on('resize', function(){ ... })
.on('click', function(){ ... })
.on('mousemove', function(){ ... })
.on('touchstart', function(){ ... })

Можно ли как-то остановить отключить временно инерцию скролла на моб. устройствах?

Сделайте по другому. Разметку не покажу, обрисую на словах. У вас вся страница должна быть обернута в блок с overflow:hidden. При не заданной высоте это не будет мешать скроллить страницу. Но когда вы откроете меню, нужно будет задать этой обертке высоту, равную высоте меню, если меню больше контента страницы. Таки образом лишнее обрежется и страница нативно будет скроллиться только в пределах высоты меню без всяких js-ограничителей. Соответственно при скрытии меню ставим высоту этой обертки в auto.

После МНОГОКРАТНОГО перехода между вкладками не выводит информацию на php?

vasiliygilbert: Запомнить результат запроса на некоторое время.