Арсений Матыцин

https://developer.mozilla.org/ru/docs/Learn/CSS/Fi...

Подключи файл к документу.

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

Вопрос в ответе, лучше пока не придумали.

https://masonry.desandro.com/ или grid (+ dense)

Читай документацию (актуальную в отличие от всяких уроков и статей) и эти ресурсы: https://learn.javascript.ru/ да https://developer.mozilla.org/ru/docs/Web/JavaScript. Первый вполне может дать необходимую базу, а второй в любом случае станет твоей настольной книгой (сомневаюсь, что в ближайшее время кто-то сможет вытолкнуть их из запросов.

Да, POST\PUT и т.д.

z-index работает, просто применяешь ты его без понимания, как он работает. Тебе надо двигаться в этом ключе.

Lets d̶a̶n̶c̶e dense.

Веб-верстальщик = Frontend-developer.

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

Следовательно нельзя не знать HTML+CSS хотя бы на базовом уровне, чтобы считаться верстальщиком\фронтендером. Как нельзя и не знать JS. А остальное зависит от конкретного стека на рабочем месте (т.е. от поставленных задач).

ЗЫ: человек, который знает HTML и чуть CSS — это контент-менеджер.

В будущем (кажущемся пока весьма далеком) это можно будет решить на уровне сабгридов. Сейчас только если задействовать JS.
Дешевле прибивать описание к низу карточки посредством использования флексбоксов.

1. Все же пути. Если они верные, то нажав по ссылке в дебаггере ты должен увидеть картинку. Или код ошибки, например 404 или 502. И плясать уже должен от кода, 404 — ссылка ведет не туда, 502 или другая — криво настроенный сервер и т.д.
2. Настройка сервера (врядли) можно закрывать доступ к директориям и типам файлов, но такое делают осознанно для выдачи ресурсов под расписочку.

Вместо неуправляемого space-between используй margin-left\right:auto;

Да, все ок.

Семантика — определение содержимого. Внутри формы поле ввода и label к нему.
Спаны и дивы — нейтралы, строчный и блочные соответственно. Более того, у form нет каких-либо жестких требований к оформлению, более того, ты можешь кнопку активации вынести за ее видимость, а <fieldset> — это из области приятных бонусов, присущие хорошей форме, содержащей множество полей ввода.

1. SVG
2. ClipPath
3. Трансформации типа поворота (при overflow hidden)

Не знаю я, где ты прописываешь это правило:

input:focus, textarea:focus, select:focus {
  outline: none !important;
}

Но к данному полю оно не применяется никак. Оттого и outline работает, как ни в чем не бывало.

Toggl, не отходя от кассы

Swipe расчитывается разницей между touchstart и touchend, например. В их случай надо делать корректировку на существенную разницу + движение в плоскости x, так как при прокрутке вниз\вверх, ты тоже получаешь разницу в оси Y.

Либо найти готовую либу (смыла мало, так как это всего ничего строк на проверке движения).

«Левая» же сторона экрана подчинена общей системе координат.

1. Слушай скролл.
2. Задавай условия изменения цвета (сколько проскролено).
3. Меняй цвет.

К бутстрапу это никакого отношения не имеет. Только JS.

Вот это body.style.overflow = "hidden" как раз и определяет отсутствие скролла.
Есть не заносить фиксированные размеры, то так можно вырубить скролл именно на этом самом месте. Осталось словить момент, когда это надо сделать.

Часто такое делают, и я в том числе, для того, чтобы не происходила прокрутка, когда юзер шарится в какой-нить модалке или типа того.