Как сделать плавное появление блока на нативном JavaScript-е?

но зато очень хорошо анимируется opacity и visibility

И какие средние состояния visibility между hidden и visible?

Как перенести стрелки карусели c JavaScript?

У вас эти кнопки в разметке, а не генерируются js'ом.
Просто выньте их из контейнера.

я не знаю, как править javascript

Этой строчкой

_mainElement.querySelector('.tablet_slider__control_left')

стрелки ищутся внутри _mainElement
А вам нужно, чтобы внутри другой обертки.

P.S. Зачем вы городите разные слайдеры для разных размеров?

Посмотрите в сторону swiper.js.

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

Я сжимаю окно браузера, потом смотрю что получилось (ага что-то поехало или выглядит некрасиво) и пишу медиа запрос с max-width равным этому разрешению экрана.

Это нормально.
Но если вы начнете работать по принципу mobile-first, то будет проще.

Хотя в интернете смотрел там люди пишут по 4-6.

В ТЗ бывает и вообще всего 2 версии. И на всем что меньше ~1000 показывается мобилка 320.

Но если делать desktop-first резину, то может быть и больше 10ка. И это не должно вас смущать.

Как сверстать такую форму?

Фёдор, да хоть градиентами. Вариантов-то полно.

Как убрать один div при нажатии на него и показать скрытый div jquery?

У вас незакрытые div в разметке.
И все работает даже так.
https://jsfiddle.net/no4dh7tr/

А что не работает у вас?

Как сверстать такую форму?

transform skew
для текста на обратный угол

Хочу сверстать каталог товаров для интернет магазина как лучше это реализовать .Что лучше спомощью div и display:flex ,или через table?

Тегом table верстаются исключительно табличные данные. Вряд ли сетка товаров ими является.

=> список ul и флекс или грид

Почему, когда смотрю в режиме десктопа все работает, а когда нажимаю респонсив все перестает работать?

Иван Шашков, представьте, что есть люди с проблемами зрения или не очень ловкими или не очень маленькими пальчиками. А вы запретили увеличение. Смогут они посмотреть всё, что вы хотели или отправить заказ?

Почему, когда смотрю в режиме десктопа все работает, а когда нажимаю респонсив все перестает работать?

Только без вот этого maximum-scale=1, minimum-scale=1

Почему, когда смотрю в режиме десктопа все работает, а когда нажимаю респонсив все перестает работать?

но когда нажимаю так то работаеть?

Так это как?
Если "так" это как на скрине, то видно, что не работает, потому что есть огромная горизонтальная полоса прокрутки.

Начните с проверки наличия

<meta name="viewport" content="width=device-width,initial-scale=1">

Если он есть, то выкладывайте код в песочницу или публикуйте ссылку на сайт

Как в слик слайдере сделать так (скрин прилагаю)?

variableWidth: true

Как выставить блоки css grid?

Я же вам в прошлом вопросе Как сверстать такой блок с помощью гридов и возможно ли с помощью флексбокса? даже картинку нарисовала.

Не можете прочитать статьи про грид, хоть игрушку пройдите https://cssgridgarden.com/#ru

Например, так https://jsfiddle.net/2d6wuy1a/
Адаптируйте сами.

Нужно ли использовать разметку Open Graph в этом случае?

Михаил,

посторонние слова в Title

Откуда в site-name взялись посторонние слова?

Как правильно реализовать баннер, сворачивающийся по клику в маленькое окно?

1. При клике на кнопку добавляете класс баннеру.
2. Записать в localStorage и проверять. https://learn.javascript.ru/localstorage

Есть ли такой пример карусели?

Дмитрий Христоев, да, отлично! Я про это и говорила, только про свайпер, но это без разницы. Только что swiper более современный и без jq.

Как перенести span на следующую строку с помощью css?

Богдан Пономаренко,

мне нужно чтобы lineBreak был именно абсолютным

Зачем?

Абсолюту нужно добавить координаты и relative тому родителю относительно которого вы собрались его позиционировать.

В противном случае вы получите типа того https://jsfiddle.net/43egpv92/

Как перенести span на следующую строку с помощью css?

Не понятно зачем спану абсолют. А если нужен абсолют, то о каком переносе речь?

Просто
.lineBreak {display: block}

Как адаптировать боковое меню?

squadbrodyaga, после того как выполнилось условие меняем какую-нибудь переменную с 0 на 1.
По дороге проверяем старую ширину окна и новую. Записываем в какую сторону было движение в момент срабатывания условия. Если и дальше оно идет в ту же сторону, то ничего не делаем. Если оно изменилось, то начинаем проверять.

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

Как адаптировать боковое меню?

squadbrodyaga, после первого срабатывания перестать изменять при продолжении ресайза в том же направлении

Есть ли такой пример карусели?

Дмитрий Христоев,

1 картинка - это одна картинка = 1 слайд. Сейчас 5, потому что декстоп, а на мобиле 1. 1 картинка = 1 слайд.

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

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

И потом у вас будет проблема с пропорциями.

Универсального решения так не выйдет и я бы не стала так делать.