Как вернуться на первый шаг в форме?

Co11yn, ну... пусть будет так:

function resetStepIndicators() {
  var steps = document.querySelectorAll(".step")
  
  steps.forEach(step => 
  	step.classList.remove("finish", "active")
  )
  
  steps[0].classList.add("active")
}

но лучше переписать fixStepIndicator на что-то другое

Как сделать общий доступ к папке для учетной записи Windows 11?

Отключить "Общий доступ с парольной защитой" не вариант?

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

I_want_to_know, если в общем, то gulp и vite инструмента для сборки фронтенда, но с разными задачами/подходами. Gulp — это настраиваемый таск-раннер для автоматизации задач, а Vite — быстрый инструмент сборки с горячей перезагрузкой для современных фронтенд-проектов.

Из чего следует, что вам для базовой сборки проекта настраивать ничего не надо. Просто выполняете npm run build и vite все сделает за вас. Если после сборки вы откроете папку dist в редакторе, то заметите обычные статические файлы (минифицированные html, js, css). Они полностью готовы к выгрузке на сервер (можете проверить на GitHub Pages).

Вы под какой ОС работаете? Если unix, то из папки dist в терминале выполните python3 -m http.server и у вас должен заработать простой http сервер на 8000 порту (аналог обычного сервера если позволите), который должен отдавать ваше приложение без ошибок. Если будет ошибка, то проверьте пути до файлов (обычно какой "/" забывают).

Если ошибки все еще будут, то скиньте конфиг вашей сборки (в любой песочниц или на GitHub) - где-то намудрили. Вот для примера офф vite+react бойлерплейт. В нем все работает (и сборка, и деплой)

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

Ян Уланов, чего? Я, неверно, чего-то не понимаю. Вы должны вычесть отступы из ширины блока (ну либо руками считайте сколько это будет в процентах 33.333% - 12px * 2 / 3), чтобы уместить 3 блока в ряд. Потому что flex за вас считать не будет. Вы это делаете в 1 варианте и не делаете во в2. Чего вы еще понять не можете? Нет другого пути на flex. только отнимать отступы calc(33.3333% - 12px * 2 / 3).

Либо переписывайте на grid и используйте 1fr (repeat(3, 1fr))
Либо columns

Как добиться срабатывания transition для checkbox?

Alma410,
1. Берете любую картинку и через любой online конвертер прогоняете. После для css добавляете data:image/png;base64, вначале, чтобы правильно определялось
2. Это я картинку взял с линией - поправил в ответе, заменил на полностью прозрачную пнгешку (можно тут сгенерировать https://png-pixel.com под любой цвет). Теперь не видно.

По поводу opacity: перед этим пробовал

А вот это вы правильно переделали. Всегда лучше использовать opacity и transition, которые более производительны. Только можно было бы обойтись одним псевдоэлементов:
- для label задать border
- для ::after задать картинку/иконку
- ::after анимировать через opacity

Как сделать общий градиент для двух блоков?

Сергей delphinpro, интересное решение, но у вас все равно не получится универсального - придется подбирать значения. Например меняем угол на 10deg или -10deg:

ps а если задать основе 10deg, а для стрелки 8.5deg, то уже лучше станет =)

Как сделать общий градиент для двух блоков?

leeroyjenkins176, так вы разобрались как эффект то получился этот, чтобы потом могли его повторить? Или просто скопировали?
У Вас врядли получится сделать бесшовным такой эффект при "угле поворота", но можете попробовать подобрать значения:

.el {
  background-image: linear-gradient(135deg, green calc(100% - 50px), blue);
}
.el::after {
  background-image: linear-gradient(95deg, green calc(100% - 74px), blue);
}

Как сделать Second Picker?

0x80070005, так а вам что надо? стандартный input time для web?

<input type="range" id="time" name="time" min="1" max="60" step="1">

или нужен аналог пикера с iOS? Ищите библиотеку кукую тогда или свою пишите:
Где можно взять такой time input?
https://codepen.io/soysen/pen/zYBYBGq

Как на JavaScript расшифровать строку с помощью ключа?

NkDev, а у Вас точно правильный ключ? У меня выйдет ошибку и в терминале (через утилиты os), и в браузере (установите crypto-js перед запуском):

const CryptoJS = require("crypto-js");

const encryptedData =
  "jPNGTNLtGIBc7Jv2UXj7a3FNQk13eUJ5T3VIUXlOS0ZVOEpnMUpPMnhvQXg5bE5kMGFHejVxaTFnYTA9";
const key = "qEExPE+jkJxQUt8fSO+XwzXgRGh6kLHy+lWEe6Z8T6s=";

const decodedKey = CryptoJS.enc.Base64.parse(key);
const decodedData = CryptoJS.enc.Base64.parse(encryptedData);

const ivLength = 16;
const iv = CryptoJS.lib.WordArray.create(decodedData.words.slice(0, ivLength / 4));
const encryptedText = CryptoJS.lib.WordArray.create(decodedData.words.slice(ivLength / 4));

const decrypted = CryptoJS.AES.decrypt(
  { ciphertext: encryptedText },
  decodedKey,
  { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }
);

console.log("Расшифрованная строка:", decrypted.toString(CryptoJS.enc.Utf8));

Как на JavaScript расшифровать строку с помощью ключа?

NkDev, хм.. вам в браузере нужно это код выполнить? у меня написано для NodeJS и встроенного пакета crypto

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

Не совсем понимаю задачу. Просто добавил height: 202px:


Картинка волны всегда 202px на всех экранах. У Вас баг какой-то? Какой браузер используете?

update: проблема могла бы быть с svg картинкой, которая изначально пропорционально масштабируется. В это случае можно указать preserveAspectRatio в значение none, чтобы отключить равномерное масштабирование

Как растянуть элемент на всю высоту скролла body?

Ankhena, а в чём заключается проблема пустого div? Помимо эстетического аспекта...

Как сделать border с картинкой у которой есть фон?

В чем проблема вырезать фон у картинка с бордюром и не будет:

Из-за этого если я возьму картинку с фоном и добавлю в before то из-за прозрачности фоны буду накладываться друг на друга и создавать чуть темный цвет в месте соединения

Как эффективно заменить текущий HTML элемент на другой?

MishaXXL, https://jsfiddle.net/efosz9ph/

const oldElement = document.getElementById('old');

oldElement.replaceWith(document.createRange().createContextualFragment(`
  <div class="box box2">
    <p1>hello world</p1>
  </div>
`));

Почему возникает ошибка в работе маркера в GoogleMap?

Alina1984, действительно.
1. Зачем Вы вешаете событие клик на всплывающее окно, а не на маркер (строка 80 в js)?


2. Если добавить outline к оберткам AdvancedMarkerElement, то можно заметить, что они перекрывают друг друга. Из-за этого у Вас не получится нажать на иконку после 1 пункта.


3. Либо переместите всплывающее окно выше (строка 131 js)

Либо поменяйте порядок добавления маркеров на карту (строки 53-91 js):


4. А чтобы закрыть всплывающее окно при клике по нему, можно добавить крестик (по аналогии со стандартным окном на карте) или каждый раз при его показе вешать обработчик клика для закрытия окна и удалять его после закрытия.

ps а вообще, используйте InfoWindow, который предназначен как раз для этих целей. Что-то такое:

Как заставить slick slider крутиться в обратную сторону?

Владислав, затем, что:

Настройки с RTL (dir="rtl", rtl: true) не работают.

Заработало, когда указал dir="rtl" слайдеру.

и какую еще чушь могут написать непонятно, а гадать тут никто не любит.

Как заставить slick slider крутиться в обратную сторону?

А пример ваш мы увидим в какой песочнице или чего?
В документации белым по синему написано:

rtl
boolean
false
Change the slider's direction to become right-to-left

Значит что-то не так делаете.

Случайно запрограммировал кнопку на клавиатуре с помощью модуля keyboard, как убрать?

В процессах найдите и "убейте" свою программу

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

Тут смотрели C:\Users\%USERPROFILE%\AppData\Roaming\Telegram Desktop\tdata ?

Как получить превью видео вконтакте?

Владислав, вся информация о ключах и запорсах есть в документации.

1. Для вашего запроса нужен ключ доступа пользователя с правами доступа video.
2. Чтобы получить этот ключ есть два способа (для бэкенд и фронтенд приложения) (имейте ввиде, что токен действует час и вам нужно его обновлять).
3. После получения ключа его можно протестировать у них на сайте. Если нет ошибок, то можно продолжать.
4. Отправляем запрос (можно подсмотреть в dev tools, что на предыдущем шаге отправляется):

fetch("https://api.vk.com/method/video.get", {
    "body": `videos=154816652_456242169&access_token=${ACCCESS_TOKEN}&v=5.199`,
    "method": "POST"
})

А когда у меня несколько сайтов, на каждый заводить...

Решение остается за вами. Если требуется разделить API для каждого сайта, используйте разные ключи. В случае, если такой необходимости нет, можно применить один ключ для всех. Всё зависит от задачи. Возможностей множество, вплоть до создания собственного сервера с необходимыми API, где также можно использовать один ключ для всего.