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

Виталий Столяров, нужно в реальный проект впихнуть на ванильном JS. Какие готовые решения порекомендуете и чем они отличаются от предложенного вами варианта (для учёбы)?

Как получить высоту вьюпорта за вычетом `sticky bar` у различных мобильных браузеров?

Вадим,

window.InnerHeight доступен в любое время

Проверил. Получается как на втором рисунке:

Как получить высоту вьюпорта за вычетом `sticky bar` у различных мобильных браузеров?

sinneren,

Our hack do not work with partial height like height: 90vh or height: calc(100vh - 60px).

у меня не прокатит.. у меня как раз вычисляемый partial height :-(

Как получить высоту вьюпорта за вычетом `sticky bar` у различных мобильных браузеров?

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

Стоит ли на сегодняшний день всё ещё отключать анимацию в мобильной версии сайта?

Alex, абсолютно верно!

Стоит ли на сегодняшний день всё ещё отключать анимацию в мобильной версии сайта?

rPman, так коллега не ведёт речь о движении колёсиком, он говорит про событие клик и плавный переход к анкору (не мгновенный, а плавный и достаточно быстрый).

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

Виталий, P@Get-Web,

...
<div class="block__element">
<div class="block__element block__element--modificator">
<div class="block__element">
<div class="block__element">
...

Как вы нагенерите на бэкенде такую разметку при условии, что модификатор добавляется в том случае, когда экран выше 767px, а на остальных экранах без модификатора?

Стоит ли на сегодняшний день всё ещё отключать анимацию в мобильной версии сайта?

lamer350, Тут зависит от специфики бизнеса. Я сейчас делаю стильненькие лендосы в тематике дизайна интерьеров. Тут анимация будет в тему. Потому что это лендос, да и сам бизнес в такой тематике предполагает WOW-эффект. Найдутся и другие бизнесы. Так что здесь она будет в тему. Но смотря какая анимация. Если лайтовая, да при загрузке отработала и успокоилась, то норм. Лёгкий параллакс только при скроле тоже допускаю. Не всем компаниям подходит анимация. А на серьезных площадках с большим трафиком она вообще не нужна.

Стоит ли на сегодняшний день всё ещё отключать анимацию в мобильной версии сайта?

Я только плавный переход к анкорам делаю по клику на ссылку, а давить штатный скрол своим верх идиотизма.

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

А как тогда с т.з. бэкэнда генерить эти модификаторы? Ведь он не умеет работать со свойствами браузера. На том же PHP никак ты не определишь экран выше 720px. Кроме как отдать всё на откуп CSS других вариантов я не вижу. А вы?

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

А, т.е. псевдоэлементы в этом случае с т.з. БЭМ ничем не отличаются от псевдоклассов? Фу ты.. наоборот ))

Почему не работает событие на элементе, созданном в рамках шаблона при помощи другого события JavaScript?

Mesuti,

const buildingsSection = document.querySelector('.buildings__section');
// В цикле создание и аппенд шаблона:
let div = document.createElement('div');

div.innerHTML = 
   `<div id="buildings__object-${currentIndex+1}" class="buildings__object">
   <p class="buildings__object-name">${object.objectName}<a href="#" class="buildings__object-description-link" data-object-id="obj-des-${currentIndex+1}">описание</a></p>
....... и т.д...........`;
		
div.className = "buildings__photos";
buildingsSection.append(div);

почему-то получается, что проверка на target при делегировании события работает только в том случае, если родительский элемент лежит за пределами генерируемого html-шаблона с помощью JS. Пришлось выбрать ближайшего родителя за пределами шаблона и от него плясать с проверкой на наличие нужного класса. Пока так оставил, но блин! Коряво это, сердце кровью обливается, хочу знать ПОЧЕМУ ТАК ПРОИСХОДИТ?!!

Допускается ли по методологии BEM внутри вёрстки не присваивать некоторым тегам BEM-классы, а вообще оставлять элементы без классов?

Доходчиво написано. Спасибо. Убедили :-) Присвою:
<li class="menu__item">
и
<li class="menu__item--active">
Если проект пишу сам, то модификаторы я через два дефиса пишу. Мне так визуально легче ориентироваться.

Где в Opencart (ocStore) 3 находится шаблон списка товаров?

Антон Р., с шаблонами ещё можно разобраться, но вот с выводом необходимых данных всё гораздо сложнее. Мне например сейчас нужно в списке товара выводить дополнительно ещё и `Код Товара` и сделать селект с тремя размерами на выбор, от которых зависит цена. Это уже надо контроллеры и модели ковырять. Где бы вменяемый материал найти на эту тему.

Где в Opencart (ocStore) 3 находится шаблон списка товаров?

Антон Р., это конструктор. шаблон нашёл в `catalog/view/theme/soniya-shop/template/extension/module/featured.twig`

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

Где в Opencart (ocStore) 3 находится шаблон списка товаров?

Офигеть. Они запихали всё в один шаблон.

А где находится список товаров, который выводится на главной странице как рекомендованный?

Существует ли мануал для разработчиков под Opencart 3.x (ocStore)?

Антон Р., как не надо? Структуру его БД и MVC по-любому знать необходимо.

Как отредактировать дефолтный шаблон opencart 3?

И что на тестах нужно постоянно чистить кэш?

Может ли Babel убить динамику ES6?

like-a-boss, нормально это как?

Может ли Babel убить динамику ES6?

like-a-boss, поэтому что ещё не все браузеры поддерживают ES6.