Как сделать, чтобы модалка появилась через 5 секунд непосредственного нахождения на странице,даже если до этого она была открыта в неактивной вкладке?

Спасибо большое, мне очень нравится решение!

Как сделать, чтобы модалка появилась через 5 секунд непосредственного нахождения на странице,даже если до этого она была открыта в неактивной вкладке?

irishmann, я не особо люблю такие модалки, но это же не вопрос моей воли. ПМ поставил такую задачу, а перед ним её ставит клиент.

Как вообще такое сделать в верстке?

DeniSidorenko, в таком случае, думаю, да, стоит ему объяснить.
Успехов вам в этом) Надеюсь, заказчик отзывается на конструктивные объяснения.

Как вообще такое сделать в верстке?

Было что-то похожее. В горизонтальном меню было слишком много пунктов по просьбе заказчика, и ни от какого нельзя было отказаться, и мне пришлось раньше перейти на планшетную версию сайта (начиная от 1400px и ниже), чтобы спрятать меню.
Заказчик хотел, чтобы на его девайсе, а это порядка 1200px было, как на десктопе.
Я предупредила, что в меню будет мелкий шрифт и маленькие отступы между словами. Заказчик согласился.

Поговорите с заказчиком и объясните, это будет смотреться не так эффектно, как хотелось бы.
Но по моему опыту контентную часть в 1620px можно впихнуть в 1200px, а уже потом перестроить. Если всё очень плотно, попытайтесь уменьшить некоторые элементы, где-то шрифт, отступы, но чтобы общее построение блоков было, как на макете.

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

Как на стороннем сайте ВООБЩЕ запретить переход по ссылкам и открытия новых окон в браузере? Какой код ввести в консоли?

hzzzzl, теряюсь в догадках о каком сайте речь)
Потому что удобный сайт и сайт с непотребным контентом это разные сайты) Второе побочное явление первого.

Рискну предположить, что речь всё-таки о сайте с сериалами на английском.
english-films.com

Как на стороннем сайте ВООБЩЕ запретить переход по ссылкам и открытия новых окон в браузере? Какой код ввести в консоли?

Demian Smith, Спасибо, я не знала.
Я привыкла, что когда речь о popup, то это именно всплывающие окна на сайте, т.е. в этой же вкладке.

Как на стороннем сайте ВООБЩЕ запретить переход по ссылкам и открытия новых окон в браузере? Какой код ввести в консоли?

Demian Smith,

сайт открывает новое окно браузера

Я говорю не про Pop Up, а именно новое окно браузера, даже не вкладка, а отдельное окно.

Как сделать записать в уже существующий файл json (я фронт)?

Спасибо большое)!
На выходных будет время я постараюсь реализовать это всё.
О результатах отпишусь.

Как сделать записать в уже существующий файл json (я фронт)?

Александр Шохров, моё решение ужасно и отвратительно, но оно вообще без бека и оно работает.
Я просто скачиваю нужный файл и он перезатирает прошлый (одно и тоже название). И получается, что в следующий раз я обращаюсь к файлу, который скачала в прошлый раз.

Да, захожу через localhost:3000

А у вас есть решение)?

Как сделать такую анимацию галочки?

Genri_Rus, нет, несложно реализовать анимацию на @keyframes, но вопрос в том, когда она должна отработать?
Она может начаться при hover, но в этом случае перестанет работать после того, как hover снят
Есть вариант, что анимация отработает через какое-то определенное время после загрузки страницы (просто поставить задержку) или будет повторяться постоянно с определенным промежутком времени.

Как можно понять из интерактивности здесь только hover.

Как сделать такую анимацию галочки?

Genri_Rus, нет, не получиться. Просто анимация на @keyframes не может реагировать на клик, поэтому как минимум нужен триггер, который запустит её. Это может быть или js или отмеченный чекбокс.

Как сделать такую анимацию галочки?

Genri_Rus, действительно есть основания для того, чтобы не использовать input?

На сколько мне известно, другого способа сделать такую анимацию на чистом css без js нет.

На моей работе одна группа программистов против css-препроцессоров. Пора отсюда бежать?

EA-EKB, мне кажется, у такого коллективного помешательства должны быть корни. Я имею ввиду, что возможно, у вас в компании есть кто-то авторитетный, способный влиять на умы коллег или подчиненных.

На 2-х моих работах, и начальники, и коллеги, очень любили react, это передалось и мне.

Может и у вас в компании тоже как-то зародилась ненависть к препроцессорам, которая передается окружающим.

Как удалить объект по ссылке?

Ярослав Иванов, вы серьёзно? или это ирония?
Мне кажется, глупо было бы врать в подобной ситуации)

Как удалить объект по ссылке?

Спасибо, ровно за минуту до того, как прочла ваш ответ, в голову пришла эта идея, просто сравнить ссылки через indexOf и удалить методом splice

Как удалить объект по ссылке?

Ярослав Иванов, я не знаю, как найти этот объект в первом массиве

Как удалить объект по ссылке?

Ярослав Иванов, конечно, ссылка.

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

Рустам Байназаров, хм, в моей компании верстают тем способом, что я скинула

Разумеется, я к нему привыкла.
Мне будет интересно ознакомиться с тем методом, что используете Вы.
Вы не в курсе насколько это популярный плагин?

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

Tanya__K, макет означает, что так должно выглядеть приложение от расширения макета и выше до значения ширины следующего макета

т.е. на разрешении от 320px до 767px все выглядит, как на макете 320px
на разрешении от 768px до 1367px все выглядит, как на макете 768px
при разрешении равном 1368px и выше - как на макете 1368

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

Рустам Байназаров, используя этот подход очень хорошо видно, что изменилось.

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  text-transform: lowercase;
  font-size: 50px;
}
@media screen and (max-width: 1368px) {
  .box {
    height: 80px;
    background-color: green;
    text-transform: uppercase;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .box {
    height: 80px;
    font-size: 20px;
  }
}

т.е. сразу можно понять, какое отличие между мобильным разрешение и на планшете, не нужно копипастить или писать много медиазапросов, т.е. и max-width, и min-width and max-width
Как по мне то это более загруженный код и менее интуитивно понятный

Когда пишешь в sass, моим способом, всё выглядит очень локанично

.icon-block
			width: 112px
			height: 100px
			display: flex
			justify-content: flex-start
			align-items: center
			margin-bottom: 30px
			+max-width($tablet)
				margin-bottom: 20px
			+max-width($mobail)
				width: 90px
				height: 77px
				margin-bottom: 15px
			+max-width($sm-mobail)
				justify-content: center

насколько мне известно это не сильно влияет на производительность.