This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Ouroborus — CSS only
Крутая анимированная сцена, выполненная с помощью Pug и SCSS, без использования JavaScript.
Крутая анимированная сцена, выполненная с помощью Pug и SCSS, без использования JavaScript.
👍2
CSS. Свойство, устанавливающее, как отображать границы вокруг ячеек таблицы, называется...
Anonymous Quiz
41%
border
26%
border-collapse
24%
border-style
5%
border-inherit
4%
Посмотреть ответы
CSS. Поддерживаются ли отрицательные значения свойства padding?
Anonymous Quiz
55%
Да
42%
Нет
3%
Посмотреть ответы
HTML. Какая HTML-структура навигации по странице НЕ является семантически правильной?
Anonymous Quiz
49%
div>a
21%
nav>a
19%
nav>ul>li>a
11%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Тетрис на чистом CSS.
HTML. Какой из перечисленных тегов поддерживает атрибут autofocus?
Anonymous Quiz
8%
button
35%
input
10%
select
22%
Все перечисленные поддерживают
15%
Такого атрибута не существует
10%
Посмотреть ответы
В России можно посещать бесплатные IT-мероприятия хоть каждый день: как оффлайн, так и онлайн.
Чтобы не пропустить полезные — сохраните канал @FreeItEvent.
Анонсы вебинаров, хакатонов, конференций, мастер-классов и других событий в IT. Ивенты от гигантов индустрии и лучших специалистов по frontend разработке, аналитике и программированию.
Всё публикуют здесь.
Чтобы не пропустить полезные — сохраните канал @FreeItEvent.
Анонсы вебинаров, хакатонов, конференций, мастер-классов и других событий в IT. Ивенты от гигантов индустрии и лучших специалистов по frontend разработке, аналитике и программированию.
Всё публикуют здесь.
❤2
CSS вопрос: border-radius (с корректным положительным числовым значением) применили к элементу. Будут ли у нативного outline этого элемента скругленные углы?
Anonymous Quiz
52%
Да
38%
Нет
10%
Посмотреть ответы
🤔5
HTML вопрос: Какой тег позволяет без использования JS сделать так, чтобы при нажатии на него пользователь мог позвонить на определенный номер телефона?
Anonymous Quiz
53%
<a>
12%
<button>
16%
<input>
14%
Такое без JS сделать невозможно
4%
Посмотреть ответы
🔥3
🔥 Зачем нужен атрибут 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 уже загружен.
👍6
Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
Anonymous Quiz
42%
justify-content: space-around;
32%
justify-content: space-between;
22%
justify-content: space-evenly;
4%
justify-content: center;
This media is not supported in your browser
VIEW IN TELEGRAM
🫠 Fluid Simulation
Сцена с интересной симуляцией жидкости с текстом.
Сцена с интересной симуляцией жидкости с текстом.
⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании
Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления.
#Полезное
Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления.
#Полезное