Комментарии 11
Ну предположим что дублировать контент плохо (хотя сео сейчас адекватно воспринимает видимость блоков, и с js как раз больше проблем у поисковых ботов). Почему нельзя в верстке просто написать пустые блоки с указанием в дата атрибутах того, что куда должно переехать вместо вот этих странных алгоритмов?
П.с. Все бы ничего, но пример про Ваню который хочет приехать к Оле, но на 992px… что? Кмк, для любого уровня читателя удобнее воспринимать страницу такой какая она есть а не странными примерами
Наоборот, примеры с Ваней под Олей очень даже в тему.
Игривые настроения это же та самая геймификация в процессе обучения.
Автор красавчик, в таком стиле и надо писать.
А инструкций с канцелярский языком "вы можете произвольно переместить объект в пределах бла-бла-бла..." и так более, чем достаточно.
Всегда, во всех примерах нужны не абстрактные "объекты", а конкретные Оли и Вани.
2. Решение с matchMedia плохое. Проблему производительности решает только частично. Плюс порождает паразитные связи в коде. Нужно делать нормальный тротлинг и/или ResizeObserver.
3. Общее качество кода так себе.
Возьмем пример из поста — там блок буквально из десятка слов. Это точно не тянет на нарушение. Адрес и телефон часто пишут в шапке и в подвале — выходит, что такое дублирование можно? Почему же?
Всегда выступаю против того, чтобы завязывать верстку за скрипты. Это чревато проблемами, которые неочевидны поначалу, но у кого-то да вылезут.
Медленный интернет, скрипты долго грузятся? Сайт поломан. Юзер использует NoScript? Нарвались на старый браузер, который не прожевал что-то из ES6? Фронтэндер собирая бандл не уследил за порядком скриптов и засунул перед вашей турбомагией тяжелый социальный виджет? И так далее.
Кстати, для фриланса это особенно важно, потому что он часто работает по принципу сделал-отдал-попрощались. В продуктовой компании-то ладно — ну всплывут проблемы, оперативно поправим. А хороший фрилансер минимизирует количество потенциальных граблей для клиента и других его разработчиков. Лучше надежность и очевидность. Нужно только уметь это объяснить.
Ваня едет к бабушке или динамический адаптив на JavaScript