This media is not supported in your browser
VIEW IN TELEGRAM
Scroll-Driven Glow Cards
Светящиеся карточки, меняющие цвет при скролле
Светящиеся карточки, меняющие цвет при скролле
Каково изначальное значение CSS свойства background-origin?
Anonymous Quiz
20%
border-box
9%
padding-box
32%
inherit
24%
content-box
15%
unset
This media is not supported in your browser
VIEW IN TELEGRAM
🫠 Fluid Simulation
Сцена с интересной симуляцией жидкости с текстом.
Сцена с интересной симуляцией жидкости с текстом.
❓ Что делает
Метод
📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано.
event.preventDefault() в JavaScript и когда его использовать?Метод
event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами.📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано.
preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.This media is not supported in your browser
VIEW IN TELEGRAM
Idea Form
Анимированная форма для ввода с появлением при нажатии
Анимированная форма для ввода с появлением при нажатии
⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании
Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления.
#Полезное
Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления.
#Полезное
Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
Anonymous Quiz
35%
justify-content: space-around;
28%
justify-content: space-between;
34%
justify-content: space-evenly;
4%
justify-content: center;
🔥 Зачем нужен атрибут defer в теге
Атрибут
✅ Как это работает?
🔹 Скрипт загружается параллельно с HTML
🔹 Выполняется в порядке объявления
🔹 Не блокирует отрисовку страницы
⚠️ Если скрипт зависит от DOM, defer — лучший вариант, так как он гарантирует, что HTML уже загружен.
<script>?Атрибут
defer позволяет загружать скрипты в фоновом режиме, но выполнять их только после полной загрузки HTML. Это ускоряет рендеринг страницы и предотвращает блокировку контента.✅ Как это работает?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Defer Example</title>
<script src="script.js" defer></script> <!-- Скрипт выполнится после загрузки HTML -->
</head>
<body>
<h1>⚡️ Быстрая страница!</h1>
</body>
</html>
🔹 Скрипт загружается параллельно с HTML
🔹 Выполняется в порядке объявления
🔹 Не блокирует отрисовку страницы
⚠️ Если скрипт зависит от DOM, defer — лучший вариант, так как он гарантирует, что HTML уже загружен.
⚡2
Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
Anonymous Quiz
25%
justify-content: space-around;
24%
justify-content: space-between;
48%
justify-content: space-evenly;
3%
justify-content: center;
CSS. Свойство, устанавливающее, как отображать границы вокруг ячеек таблицы, называется...
Anonymous Quiz
41%
border
31%
border-collapse
18%
border-style
7%
border-inherit
3%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
⏱ Neon Clock
Сцена с неоновыми часами.
Сцена с неоновыми часами.
reveal.js
reveal.js — это программа для создания HTML-презентаций с открытым исходным кодом. Презентации, созданные с ее помощью, чрезвычайно красивы и элегантны, особенно те, которые включают в себя демонстрацию кода. Самое замечательное, что вы можете делать с презентацией то же самое, что и с вебом — изменять ее, оформлять по своему вкусу и т.д.
#GitHub
reveal.js — это программа для создания HTML-презентаций с открытым исходным кодом. Презентации, созданные с ее помощью, чрезвычайно красивы и элегантны, особенно те, которые включают в себя демонстрацию кода. Самое замечательное, что вы можете делать с презентацией то же самое, что и с вебом — изменять ее, оформлять по своему вкусу и т.д.
#GitHub
👌1