Разработка игры на React JS #3: Выбираем город и выводим склад

Мы написали первые пробные компоненты. Сегодня мы сделаем переключение городов и вывод склада игрока с товарами в выбранном городе 🙂 Есть идеи, что добавить в игру? Пиши в комментариях! GitHub: https://github.com/Aleksandr175/react-game/tree/3-show-city-and-goods Приятного просмотра!

Преобразуем метод jQuery click() в Vanilla JS

Добрый день! Сегодня мы разберем, как преобразовать метод jQuery click() в обычный JS. Что делает метод jQuery click() Метод click() перехватывает нажатие на элементы с совпавшим селектором и выполняет функцию callback, которую мы ему передали. Это очень удобный метод, который…

Разработка игры на React JS #2: Делаем первые компоненты

Всем привет! В прошлом видео мы установили React. Теперь пора начать писать первые компоненты. Сегодня мы создадим первые компоненты и напишем начальные стили, чтобы наша игра приобрела хоть какой-то вид 🙂 Есть идеи, что добавить в игру? Пиши в комментариях!…

Как скрыть скроллбар?

Всем привет! Сегодня узнаем, как можно с помощью CSS скрыть полосу прокрутки. body { overflow: hidden; /* Скрываем scrollbars */ } Чтобы скрыть только вертикальную или только горизонтальную полосу прокрутки, можно использовать: body { overflow-y: hidden; /* Скрываем вертикальный scrollbar…

Разработка игры на React JS #1: Устанавливаем React

Всем привет! Сегодня запускаю серию видео про разработку интерфейсной игры на React JS. Есть идеи, что добавить в игру? Пиши в комментариях! Весь код игры можно будет смотреть на гитхабе: https://github.com/Aleksandr175/react-game Приятного просмотра!

CSS 3 animations, создаем прикольную анимацию

Всем привет! Добавил новое видео. Посмотрим, как создаются анимации на CSS3 на примере простой иконки. Под видео продублирую код.   Наш HTML для иконки и анимации выглядит следующим образом: <body> <div class="icon-container"> <div class="icon"></div> <div class="circle-left"></div> <div class="circle-right"></div> </div> </body>…

Преобразуем метод jQuery remove() в Vanilla JS

Все привет! Сегодня мы посмотрим на JQuery метод remove() и попробуем его преобразовать к обычному JS.   jQuery remove() метод jQuery’s remove() удаляет все элементы в коллекции из DOM дерева. <p> <button id="save">Save</button> <button id="edit">Edit</button> <button id="cancel">Cancel</button> </p> Вы можете удалить…

Нововведения Vue 3: Teleport. Зачем и как?

Добрый день! Сегодня мы рассмотрим нововведение Vue.js 3: Teleport.   Зачем нужно? Наиболее частый случай: у нас есть наше vue приложение и есть какое-то модальное окно (которое может не быть компонентом и находиться в отдельной dom-ноде). И, допустим, мы хотим…

Автозаполнение поля двухфакторной аутентификации с помощью HTML атрибута

Совет от Tomek Sułkowski в Twitter Если вы разрабатывается приложение, которое поддерживает двухфакторную аутентификацию через приложение или СМС, вы можете добавить для пользователей автозаполнение уникального кода. Уловка заключается в HTML атрибуте [autocomplete=»one-time-code»]. <label for="two-factor-auth">Authentication Code</label> <input id="two-factor-auth" autocomplete="one-time-code"> Посмотреть демонстрацию. Для использования…