Какой метод верстки сайта и лейдинга считается оптимальным?

А что это за набор «методов» такой, не мог ли бы вы поделиться с нами?

Более того, вёрстка чего конкретно? Все способы и свойства используются в разной степени для разных задач. Если вы о вёрстке разметки (layout), то сейчас это либо flex, либо grid.

Скрыть анимацию за пределами блока?

Наверное.

Может быть.

Можно ли на js проверить поддержку href="tel:"?

mrbykovoleg, любой браузер уже 100 лет поддерживает данный тип ссылок. Вам надо делать проверку по устройству, а не по поддержке tel.

Как сделать zalyload background image?

div class="pl-shtukatur__tools gips-partitions__tools lazyload" data-src="[[+image:phpthumbon=`w=2000&h=2000&zc=1`]]">

Как сделать zalyload background image?

NikitosPRO, вы мой код читали? Вы видите где-то style в нём?

Учусь верстать сайт и тут возник такой блок с input'ами, может кто то знает как его сделать?

Адам Сулумов, лучше перепишите ответ :))

Как сделать zalyload background image?

Подключаете скрипт:
https://appelsiini.net/projects/lazyload/

Путь до фона пишете так в HTML:

<div class="lazyload" data-src="путь до картинки"></div>

Инициализируете перед закрытием тега body, чтобы наверняка, хотя можно в общий файл со скриптами кинуть:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
    lazyload();
});
</script>

Стили позиционирования фона, его размеры — прописываете в CSS.

Курсы Geek Brains frontend developer стоит ли обучаться?

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

Как можно сверстать такую штуку?

> серстать такую штуку не проблема

> проблема больше с тем чтобы всё выглядело красиво при разном кол-ве сообщений и текста

( ͡° ͜ʖ ͡°)

Какой самый производительный js слайдер?

Я думаю, что вам поможет только кастомно-написанный слайдер с минимальным функционалом.

А то и вовсе просто обёртка на flex с двумя кнопками по бокам, по нажатию на которые обёртка будет сдвигаться с помощью translateX вправо-влево, имитируя смену слайдов. И примитивный скрипт обработки нажатия на эти кнопки.

Может ещё будет нужна поддержка обработки количества слайдов для их индикации, механизм прокрутки слайдера в начало при достижении последнего слайда. А также механизм приостановки видео, если слайд с ним неактивен в данный момент.

Словом, подумайте над минимально необходимым функционалом и дерзайте :))

Цветовой теминг приложения?

thehighhomie, как из верных подходов — описывать в компоненте общие стили, а цвета каждого компонента описывать в связке с темой. Либо делать универсальные CSS-переменные, если, конечно, вас устроит их поддержка со стороны браузеров.

Как сделать такой слайдер?

Владимир, Swiper (я везде его использую), Slick.

Как сделать такой слайдер?

Александр Вейнберг, потому что он жуткое говно из начала текущего десятилетия. Он даже свайпы (!) не поддерживает.

Как сделать такой слайдер?

Не используйте, пожалуйста, слайдер Bootstrap'a.

Какой font-display нужен Гуглу чтобы он заткнулся?

hckn, да, спасибо, сейчас напишу ответ.

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

Один лишь CSS вам не поможет (только он указан в тегах). Это JS.

Как сделать такой бэкграунд футеру?

Ну если вам так неправильно картинкой (?!), делайте кучу блоков с border-radius: 100% и размещайте их на абсолютном позиционировании (не надо).

А вообще, это картинка. Футер у вас будет из двух блоков: верхний с фоном (можно псевдо-элементом сделать вообще, как я) и нижний с контентом:

Как сделать слайдер в слайдере именно используя bootstrap'овские слайдеры?

Используйте слайдеры не Bootstrap'a.

Какой font-display нужен Гуглу чтобы он заткнулся?

Указанная выше информация актуальна для рекламных кампаний в США. В России и др. странах могут быть другие критерии, а эти ни на что не влиять.

Какой font-display нужен Гуглу чтобы он заткнулся?

hckn, нет, реклама именно AdWords. Рекламщики говорят, что чем больше рейтинги у сайта, тем меньше ставка, стоимость клика и т. п. Facebook тоже, говорят, учитывает это, если реклама там тоже. Рейтинг сайта у Google в т. ч. состоит и из показателей Page Insight, новой какой-то там шняги с маяком и огромной кучи внутренних показателей.

Ну, может, и для AdSense есть какие-то плюсы, конечно.