Новые статьи

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

Всем привет! Сегодня узнаем, как можно с помощью 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-ноде). И, допустим, мы хотим…

Как работает авторизация в Laravel, создаем форму входа

Всем привет! Записал для вас видео о том, как настроить базовую авторизацию в Laravel. Для примера создадим самую простую форму входа в админскую панель. Приятного просмотра!

Автозаполнение поля двухфакторной аутентификации с помощью 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"> Посмотреть демонстрацию. Для использования…

HTML, немножко CSS и чуть-чуть JS

Вольный перевод статьи. Думая о будущем web, я думаю о небольшом количестве JS api и о невероятных  возможностях HTML.   HTML — моя любимая часть стека HTML — простой, надежный и мощный. Он постоянно улучшается. Сообщество разработчиков в целом, а…

CSS: псевдокласс :focus-visible. Для чего он нужен?

Добрый день! В сегодняшнем видео мы посмотрим на псевдокласс focus-visible. Разберем, как он работает и в каких случаях пригодится. Приятного просмотра!  

JS: головоломки

Добрый день! Недавно наткнулся на несколько интересных задачек на знание тонкостей JS.   Приведу их здесь, попробуйте решить. А если не получится — всегда можно посмотреть результат в консоли браузера. 'b' + 'a' + + 'a' + 'a' (!+[]+[]+![]).length  …