Арсений Матыцин

Все «новые очешуенные идеи для улучшения» у четких пацанов уходят в бэклог. Там они проходят переосмысление и если проходят круги ада и извращений, пускаются в работу.

А расти, как специалист — это нормально.

Но если ты закончил проект и забыл, не поддерживаешь его и больше врядли будешь как-то связан — отпусти.

https://learn.javascript.ru/attributes-and-custom-...

А собирать можно с помощью комбинирования querySelector/querySelectorAll и CSS-селекторов.

1. Создаешь набор переменных (можно объект, можно массив → Set).
2. По клику заносишь значение true в каждый идентификатор, соответствующий полосе.
3. После каждого клика проверяешь, чтобы все 3 переменные были true.
4. Если условие выполняется, показывай картинку.

На CSS сделать тоже можно.

Тяжелый случай. Держи статью, изучи и двигайся по ссылкам дальше.

Фоновая картинка с background-size: cover или object-fit при обычной картинке.

1. Хранить где-то даты (в базе\в названии файла).
2. Иметь скрипт, который проверяет и удоооляет.
3. Запускать его кроном.

С анимацией все ок. А проблема скорее всего в импортах.

Потому что это плохой способ указывать дату. Для корректного считывания надо использовать таймстампы из базенок или формы записи, указанные в документации. Чаще всего год идет впереди, за ним месяц и потом число. Меняя порядок рискуешь получить то, что получаешь.

Click — универсальное событие, применимое ко всем элементам.
Submit — событие принятия формы.

И углубляться стоит начать, возможно, отсюда.

PS: и за перехват событий тоже, впрочем, если ты вешаешь preventDevault на клике кнопки, которая отправляет форму, то блокируешь цепочку событий, в том числе отправку формы, или переход по ссылке (если к ссылке применяешь).

Возможностью пожирать оперативную память, и, что важно, ограниченный ресурс localStorage\sessionStorage (несколько мбайт всего).

По последнему вроде фигня, но я пару раз заходил за лимит. При этом можно данными оперировать и большим размером, главное, чтобы опера на клиенте выдержала.

С помощью CSS ты можешь только оформлять элементы, а не менять их значения. Для этого потребуется JS, как минимум, ЯП — как нормальный подход.

Или добавь подробностей в свой кейс.

SVG → SMIL.

Background → background-size: cover\contain;

Потому что флексы по умолчанию зависят от соседних элементов.

https://codepen.io/i-am-studio_ru/pen/LYGPrLz

https://codepen.io/i-am-studio_ru/pen/BajBrqL

https://www.codewars.com/ и иже с ними.

Во время работы команд челленжи не особо и нужны, так как в нормально построенном процессе работы (например отсутствие времени на эти сраные челленжи), так как сама по себе работа это прокачка навыка и вечное превозмогание.

SPA или контент на iFrame-ах.

https://codepen.io/i-am-studio_ru/pen/JjGPMKP

и
https://masonry.desandro.com/ (можно без гридов, можно на гридах: потребуется расчет на JS своими силами или можно найти скрипт)