Оцените и покритикуйте вёрстку первого сайта. Правильно ли он выполнен?

sim3x а зачем здесь, собственно Sass и бэм ?
они тут будут избыточны, к тому же человек новичок. Сасс - дело вкуса. А бэм неактуален для лэндингов.
про алерт и типографику согласен

Как с помощью jQuery (или как-то ещё) изменять переменную в SASS?

Или я не так понял, или этот способ не подходит. У меня переменная в SASS, а в вашем примере, используя style мы меняем то, к чему применяется метод style.

В моём случае нужно нечто такое :

SASS

$width: 1000px

.element
    width: $width

.element-2
   width: $width / 2

.element-2
   width: $width * 3

jQuery

width.on('change', function() {
	handleUpdate();
}

function handleUpdate() {
  '--width' = $(this).val();
}

Итоговый SASS

:root
    --width: 555px

$width: --width

Как это реализовать ?

Как можно написаит логику смены класса у хедера (цвета и фона) в зависимости от класса секции (фона) в которой находимся(высота 100vh min)?

а где ссылка на codepen ?

Как в jQuery обрабатывать методом .css({}) два элемента?

Надо же, как всё оказалось просто) я думал, сейчас будут предлагать функции какие-нибудь химичить)
спасибо

Как работает matrix3d?

Максим Тимофеев, Видите ли, я надеялся, что кто-то хотя бы простыми словами объяснит, например, какие цифры в порядковом значении матрицы, соответствуют знакомым свойствам transform. Я писал в вопросе, что смог определить только несколько. В интернете про это информации не нашёл.
Но в браузере изменения отображаются в стиле matrix3d, и чтобы иметь возможность в режиме онлайн вносить изменения, необходимо вносить их в matrix3d, а не понятные и родные translate, rotate, skew и т.д. )

Как работает matrix3d?

Максим Тимофеев, Чтобы сделать вращающийся куб у меня знаний CSS и JS хватает ) У меня не хватает знаний matrix3d )
Прошу прощения за столь поздний ответ

Как работает matrix3d?

я был там и мало что понял )
Автор сам ссылается на то, что документация по matrix3d - бедная.
А секретов там не раскрывается, как и в тренажёре

Как быть - учить GreenSock или чистую CSS Animation?

В том-то и проблема, ибо js тяжело даётся. На базовом уровне я его знаю, но в качестве тяжёлой артиллерии в ход идут математика, тригонометрия, геометрия, и хорошее знание js. Вот и думаю, а нужно ли, или сразу юзать GreenSock и не тратить время.
А js буду изучать со временем

Как сделать эффекты как на сайте примере?

Иван Колесников, Всё равно спасибо ) До сих пор смотрю его видео, с момента, как прочитал ваш комментарий. Не думал, что кто-то когда-то будет повторять сайт www.taotajima.jp . Захожу к нему на канал, а там предпоследнее видео - как раз разбор эффектов )

Как сделать эффекты как на сайте примере?

Спасибо ) давно ищу таких ютуберов. А есть кто-нибудь ещё на примете, кто серьёзно занимается анимацией ?

Как можно реализовать такое меню?

Плохо, когда люди не умеют нормально формулировать вопрос и ждут, что прочтут их мысли. Ни кода, ни подробного объяснения.
"меню приподнимается вверх" - подпункты появляются снизу или основное меню при нажатии поднимается вверх ?
"Еще меню всегда прижато к низу" - подменю прижато к низу ?

Как сделать обрезание текста в блоке?

timers, https://codepen.io/anon/pen/OZobvo

нужно подключить reset.css

Как сделать обрезание текста в блоке?

timers, хорошо, то есть оба блока должны быть одинаковыми по высоте, но текст в правом обрезаться ? Я вас плохо понимаю. Вы можете в пейнте нарисовать то, что вам нужно, потому что я запутался. То текст должен обрезаться, то, получается, не должен, так как в правом блоке, если его обрезать, будет пустота. Короче, нужно подробное объяснение, желательно с примером или скриншотом

Как сделать резиновую картинку если она выводится через absolute?

timers, я сейчас попробовал вот здесь - https://jsfiddle.net/u10jw9fd/15/
разные дикие размеры и по высоте и ширине всё подстраивается нормально

Как сделать обрезание текста в блоке?

timers, ок. Но если левый блок у нас по высоте растягивается, и правый растягивается по высоте левого блока, то зачем тогда в правом блоке обрезать текст ?

Как сделать обрезание текста в блоке?

timers, значит по ширине или по высоте ? Если по ширине, то на каком разрешении ? У вас стоит 65% и 35% соответственно ? Нужно, чтобы в какой-то момент было 50 на 50 %

Вот так ? не пойму вас

https://jsfiddle.net/zzct6d6L/3/

Как сделать резиновую картинку если она выводится через absolute?

timers, ответил. Вам такой результат нужен ?

Как сделать резиновую картинку если она выводится через absolute?

timers, я обновил ответ только что. Добавил пару моментов

сейчас гляну

Как правильно устроить масштабирование контента при использовании Flex-box'са?

Богдан, Прошу прощения - не углядел ) Вот, поправил. Неправильно сделал смещение контейнера, нужно было задать внутренний отступ 320 (плюс ещё отступ для красоты). Например, если у вас в диве отступ везде 20 пикселей, то отступ слева будет 340.

https://jsfiddle.net/t04z32dp/1/

Как сделать плавную смену изображений в background, при скролле на фиксированном элементе?

Eugene Chefranov, Извините, что отвечаю с задержкой, редко до пк добираюсь.

"Что вам мешает сделать блоки абсолютом и разместить все друг над другом и скрывать их по очереди в зависимости от блока или скрола? " - у меня в этих блоках будет контент, будет абсолютно спозиционированное меню. Я не хотел делать таким образом, думая, что всё таки есть какой-то скрипт, или возможность, как в slick.js. Именно манипулировать заменой url у background-image. Так-то можно добавить нсколько изображений и менять им opacity, translateZ, z-index, и я оставил это на самый последний момент, когда уже точно не найду способов реализовать это желаемым образом. То же самое и про несколько классов с прописанным url и @keyframes.

"можно плавность и для background-image задать " - увы, нет. Применяется только к тем элементам, у которых есть какие-то единицы измерения, например : background-width, background-color. Я же меняю url - и здесь нельзя применить transition.