Два div'a с одинаковыми классами и дочками. Как выбрать?

Руслан Минулин, или .class:nth-child(2)

Как убрать пустоту?

Lorem Ipsum, Через часик примерно отвечу

Два div'a с одинаковыми классами и дочками. Как выбрать?

document.querySelectorAll('.class')[1]?

Как убрать пустоту?

Так в демке у вас нет отступа. Или я чего-то не понимаю?
Вы хотите чтобы карточки прям слитно были?

Как при скроле показать последнюю активную хлебную крошку?

Vladislav, только смотрите, если через css то там скролл ломается. Поэтому дописал вариант через js.

Как при скроле показать последнюю активную хлебную крошку?

Так на мобилке, или при скроле?

Правильно ли я понимаю как сделать такую карту?

Тут зависит от того, нужен ли Вам интерактив.
Вот статья с разбором подобной задачи.
А тут подробное видео

Как записать значение из input?

Vlad Yanukovich, ага

Как записать значение из input?

Vlad Yanukovich, обратите внимание что в локал стораж кладётся массив, а при загрузке документа проверяется есть ли что-то в локал стораже по нашему ключу, если есть - то парсит это, если нет, то возвращает массив.

Почему правило @media screen and (max-width: 768px) может не работать?

Tomayo, Вы прикладываете скриншоты из инструментов разработчика, где отображён порядок применения правил. Чем выше правило в инструментах разработчика, тем позже оно применяется относительно всех стилей. Соответственно, тем ниже оно в вашем коде. Понимаете к чему я?
Проблема таже самая.

Как записать значение из input?

Вот тут При перезагрузке страницы убираются DOM элементы? я помогал делать то же самое.
Сохранение товаров в корзину.

Почему несмотря на устаревание HTML, CSS и JavaScript не делается шагов в сторону альтернатив, отвечающим спросу рынка веб-разработки?

Wylaroren, ну давайте рассмотрим всё по пунктам.

Зачем же тогда понадобилось изобретать такой велосипед, как Virtual DOM?

Для оптимизации работы того, что дают на выходе фрэймворки и защиты "от дурака".

если мне не нужна та архитектура, которую навязывают фреймворки,

Между React, Vue и Angular - только последний пытается Вам что-то втереть про архитектуру.

я могу писать приложения по-старому, на ненавязчивом JavaScript-e, на JQuery или вовсе нативно не волнуясь о производительности

Если хватает скилов делать это так же качественно и, что более важно для бизнеса, так же быстро - почему нет?

я всё-таки укажу, что не хватает HTML, CSS и JavaScript, но что нужно заказчикам и исполнителям.

В сухом остатке заказчикам нужно чтобы были клиенты и продажи. И чем быстрее и больше, тем лучше. Что там за технологии им нет никакого дела.

2 Изменение стилей в зависимости от доступной ширины родителя Проблема отсутствия данного функционала рассмотрена в этом вопросе.

Скоро появится.
https://groups.google.com/a/chromium.org/g/blink-d...
https://github.com/dbaron/container-queries-implem...

3. По синтаксису идеальную замену CSS я представляю себе наподобие вроде Stylus-а со всеми его возможностями.

Вкусовщина.

1. Если интегрировать JavaScript с TypeScript-ом, с точки зрения синтаксиса будет почти идеал. Который год в JavaScript не могу ввести ключевые слова interface, abstract, private, protected.

Ага, в веб пришли дяди и тёти с серьёзных языков, потому что веб отжимает у них работу и стали жаловаться что тут нет их любимого ООП. А многим ли он нужен? А все ли кто перешёл на TS счастливы? А что там с порогом входа? Ну и к слову, не помню уже что, но что-то уже ввели из этого или вот вот введут в js.

2. Проблема медленного доступа к DOM должна быть полностью решена.

Да, это старая песня. Но проблема ли это JS, HTML или CSS? Или может это проблема браузерного движка, который на Cи? А так ли актуальная эта проблема в 2021?

создание WYSYWIG-редактора

Да, но веб намного шире чем ведение блогов и так далее. Далеко не всем нужны визуальные редакторы. Именно поэтому их решают на стороне CMS. Так же, сейчас набирают обороты генераторы статики из маркдауна.

Как много редакторов, которые имеют русскую локализацию? Я знаю только CK и MCE. О чём это говорит? О том, что его создавать их могут только гении или те, у кого много оплачиваемого свободного времени.

А, как по мне, это говорит о 2х вещах. 1) Как я уже сказал чуть выше, это, на деле, не такая уж и нужная всем фича. 2) Никто не удосужился законтрибьютить локализацию.

если бы JavaScript действительно бы отвечал на спрос рынка, был бы нативный класс типа Editor наравне с Array или Promise,

Не нужно делать борщ из всего что есть в холодильнике. Я что-то вот не могу вспомнить ни одного класса в JS, который реализовывал бы хоть какой-то UI.
Array и Promise используют скажем так, 100% разработчиков.
А если и внести это в JS, то можно ли угодить всем?
Другой вопрос, чтобы внести это в HTML. Благодаря HTML Custom ELements это будет возможно. И выкидывать наружу ручки для управления.

И напоследок хотел бы сказать, что обилие фреймворков, таких технологий AMP

Наличие AMP говорит на самом деле о двух вещах
1) большая часть разработчиков не умеет делать быстро. А не о том, что технологии плохие.
2) "Мы крутая компания(Читай как гугл или яндекс) сделали для вас крутую технологию, с которой будет всё быстро и круто, если Вы согласны пожертвовать дизайном. И да, мы совсем забыли упомянуть, что мы таким образом замыкаем весь трафик на себе, а Ваш сайт можете выбросить в помойку. Кстати спасибо за данные ваших пользователей. Теперь наша реклама будет ещё лучше."

а о том, что нативно очень многого не хватает

А что под капотом у реакта, амп, спа? Нативные технологии.

А появились они(фрэймворки) знаете из-за какой идеи?
"А что если мы не будем передавать по сети всю разметку, а только данные? Насколько будет быстрее?"
И тут понеслось. Решали проблему узких каналов, а в итоге каналы уже более менее у всех широкие, но само железо теперь страдает делать это всё на клиенте.
Ну ещё и из соображений модульности и переиспользования кода.

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

Почему делаются отступы от текста?

Виктор Кокорич, да вас уже банить пора за систематическое нарушение правил.
ЗАПРЕЩЕНО ДУБЛИРОВАТЬ ВОПРОСЫ.

Я оставил Вам комментарий. Вы его проигнорировали.

Как задать подчеркивание активного li?

Не понятно в чём вопрос.
Можно через делигирование? Можно.
Обработчик клика - добавляете подчёркивание с того, на который кликнули и снимаете со всех остальных.

Как трансформировать div так, чтобы одна сторона поднялась выше другой?

transform: scew

React новичку. Как начать?

Gohapoc, Потому что фрэймворки они не совсем про вёрстку.
Они про связывание вёрстки с данными.
Фрэймворку нет никакого дела какая у вас вёрстка. Дизайнерская, адаптивная, с сеткой или без. Используется ли хоть одна строчка CSS или нет.

Вы даёте фрэймворку вёрстку(хоть голый html), указываете как эта вёрстка должна генерироваться на основе данных и говорите фрэймворку какие узлы DOM дерева в какой зависимости от каких данных находятся.
Фрэймворк устанавливает реактивную связь между вёрсткой и данными.
И как только данные меняются - фрэймворк идёт и вносит соответствующие изменения в вёрстке.

React новичку. Как начать?

Gohapoc, Ну тогда, возможно, Вас ждёт разочарование во фронтэнде.
По настоящему программировать, в том самом смысле - алгоритмы, паттерны, сложные задачи со сложной логиной - многим фронтэндерам не приходится никогда, остальным - редко, и лишь единицам доводится делать это часто(И уровень уже должен быть middle++, а это в лучшем случае несколько лет проф развития).

React новичку. Как начать?

Gohapoc, Просто у Вас есть ещё одна проблема.
Вы хотите быть реакт разработчиком.
Скажем, завтра реакт умрёт. И вообще фрэймворки умрут, все вернутся на подход вёрстка + бэкэнд шаблонизатор. Что делать будете?

React новичку. Как начать?

Gohapoc, Мухи отедльно - котлеты отдельно.
Вы можете изучать реакт вообще без вёрстки (без css. И с самым минимумом по HTML).
Но подавляющее большинство работадателей ищут тех, кто и сверстать может, и на ректе.

Готовы делать и то и то? Отлично.
Учите реакт.

Потом ищите вакансию react junior или junior frontend.
Как правило, вакансии сейчас идут с тестовым заданием и последующим(предшествующим) интервью.

Ну и всё, покоряйте работадателей. Профит.

React новичку. Как начать?

Gohapoc, ну и в конце концов, не понимаю, а что мешает Вам выбрать учебным макетом что-то без дизайнерских развлечений? А, скажем, просто интернет-магазин (на которые больше всего спрос, к слову)?