uk
Feedback

Не попадись на ботовода! Telemetrio знаходить і позначає такі канали мітками 👉 Хочеш бачити мітку, оформляй підписку

Фронтенд Гайд

Фронтенд Гайд

Відкрити в Telegram

Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6

Показати більше
7 654
Підписники
-124 години
-17 днів
-2630 днів
Архів дописів
\n\n\n

⚡️ Быстрая страница!

\n\n\n\n🔹 Скрипт загружается параллельно с HTML\n🔹 Выполняется в порядке объявления\n🔹 Не блокирует отрисовку страницы\n\n⚠️ Если скрипт зависит от DOM, defer — лучший вариант, так как он гарантирует, что HTML уже загружен.","datePublished":"2025-03-05T07:00:00Z","dateModified":"2025-03-05T07:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":3,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1054},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3153","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3153","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3153","headline":"Фронтенд Гайд","datePublished":"2025-03-04T15:00:01Z","dateModified":"2025-03-04T15:00:01Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":970},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3152","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3152","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3152","headline":"⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании Разбираем небольшую, но показательную…","articleBody":"⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании\n\nРазбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления.\n\n#Полезное","datePublished":"2025-03-04T07:00:00Z","dateModified":"2025-03-04T07:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1064},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3151","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3151","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3151","headline":"Idea Form Анимированная форма для ввода с появлением при нажатии","articleBody":"Idea Form\n\nАнимированная форма для ввода с появлением при нажатии","datePublished":"2025-03-03T15:00:04Z","dateModified":"2025-03-03T15:00:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":993},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3150","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3150","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3150","headline":"Фронтенд Гайд","datePublished":"2025-03-03T07:00:01Z","dateModified":"2025-03-03T07:00:01Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":990},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3149","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3149","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3149","headline":"❓ Что делает event.preventDefault() в JavaScript и когда его использовать? Метод event.preventDefault() отмен…","articleBody":"❓ Что делает event.preventDefault() в JavaScript и когда его использовать?\n\nМетод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами.\n\n📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано.\n\npreventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.","datePublished":"2025-03-02T09:00:08Z","dateModified":"2025-03-02T09:00:08Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":3,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1100},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3148","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3148","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3148","headline":"Фронтенд Гайд","datePublished":"2025-03-01T09:00:03Z","dateModified":"2025-03-01T09:00:03Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1040},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3147","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3147","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3147","headline":"🫠 Fluid Simulation Сцена с интересной симуляцией жидкости с текстом.","articleBody":"🫠 Fluid Simulation\n\nСцена с интересной симуляцией жидкости с текстом.","datePublished":"2025-02-28T15:00:04Z","dateModified":"2025-02-28T15:00:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1063},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3146","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3146","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3146","headline":"Фронтенд Гайд","datePublished":"2025-02-28T07:00:04Z","dateModified":"2025-02-28T07:00:04Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1009},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3145","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3145","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3145","headline":"React и графики: 8 библиотек для визуализации данных Какая библиотека лучше для графиков в React? Разбираем R…","articleBody":"React и графики: 8 библиотек для визуализации данных\n\nКакая библиотека лучше для графиков в React? Разбираем Recharts, Visx, Nivo, ECharts и другие: их возможности, плюсы и минусы. Поможем выбрать оптимальный инструмент для ваших задач.","datePublished":"2025-02-27T15:00:05Z","dateModified":"2025-02-27T15:00:05Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1051},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3144","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3144","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3144","headline":"Фронтенд Гайд","datePublished":"2025-02-27T07:00:05Z","dateModified":"2025-02-27T07:00:05Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":973},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3143","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3143","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3143","headline":"Фронтенд Гайд","datePublished":"2025-02-26T15:00:00Z","dateModified":"2025-02-26T15:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1042},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3142","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3142","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3142","headline":"Выучить Frontend бесплатно и быстро вообще реально? Ещё как ДА! Нашли для вас канал, в котором каждый день пу…","articleBody":"Выучить Frontend бесплатно и быстро вообще реально?\n\nЕщё как ДА! Нашли для вас канал, в котором каждый день публикуют полезные статьи, разборы интервью, готовые приложения и код.\n\nС полного нуля дойти до оффера Джуна можно всего за месяц, а за полгода до Мидла.\n\nСэкономь время и деньги: Frontend","datePublished":"2025-02-26T13:00:57Z","dateModified":"2025-02-26T13:00:57Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":941},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3141","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3141","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3141","headline":"Scroll-Driven Glow Cards Светящиеся карточки, меняющие цвет при скролле","articleBody":"Scroll-Driven Glow Cards\n\nСветящиеся карточки, меняющие цвет при скролле","datePublished":"2025-02-26T07:00:00Z","dateModified":"2025-02-26T07:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":904},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3140","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3140","mainEntityOfPage":"https://telemetr.io/uk/channels/1681900587-frontend_dev5/posts/3140","headline":"Фронтенд Гайд","datePublished":"2025-02-25T15:00:00Z","dateModified":"2025-02-25T15:00:00Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/uk/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":977},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}}]}
⏱ Neon Clock Сцена с неоновыми часами.

30-seconds-of-code Элегантный пользовательский интерфейс, практичная панель поиска и сниппеты, которые решают некоторые из на
30-seconds-of-code Элегантный пользовательский интерфейс, практичная панель поиска и сниппеты, которые решают некоторые из наиболее часто встречающихся проблем в JavaScript и Python. О чем еще может спросить программист? Все под рукой.

photo content

CSS. Свойство, устанавливающее, как отображать границы вокруг ячеек таблицы, называется...
Anonymous voting

Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
Anonymous voting

🔥 Зачем нужен атрибут defer в теге <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 уже загружен.

Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?
Anonymous voting

⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании Разбираем небольшую, но показательную задачу: компонен
⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления. #Полезное

Idea Form Анимированная форма для ввода с появлением при нажатии

Что означает 1rem в CSS?
Anonymous voting

❓ Что делает event.preventDefault() в JavaScript и когда его использовать? Метод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами. 📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано. preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.

photo content

🫠 Fluid Simulation Сцена с интересной симуляцией жидкости с текстом.

Каково изначальное значение CSS свойства background-origin?
Anonymous voting

React и графики: 8 библиотек для визуализации данных Какая библиотека лучше для графиков в React? Разбираем Recharts, Visx, N
React и графики: 8 библиотек для визуализации данных Какая библиотека лучше для графиков в React? Разбираем Recharts, Visx, Nivo, ECharts и другие: их возможности, плюсы и минусы. Поможем выбрать оптимальный инструмент для ваших задач.

photo content

Выучить Frontend бесплатно и быстро вообще реально? Ещё как ДА! Нашли для вас канал, в котором каждый день публикуют полезные
Выучить Frontend бесплатно и быстро вообще реально? Ещё как ДА! Нашли для вас канал, в котором каждый день публикуют полезные статьи, разборы интервью, готовые приложения и код. С полного нуля дойти до оффера Джуна можно всего за месяц, а за полгода до Мидла. Сэкономь время и деньги: Frontend

Scroll-Driven Glow Cards Светящиеся карточки, меняющие цвет при скролле