Не попадитесь на канал ботавода! Telemetrio находит и помечает такие каналы 👉 Хотите видеть метку — оформите подписку

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

Открыть в Telegram

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

Больше

Россия79 588 Технологии и приложения14 703

7 657

Подписчики

+124 часа

-67 дней

-3930 дней

828

Просмотры поста

~ 56124 часа

~ 60648 часов

10.82%

Коэффициент вовлеченности

Нет данных

Постов в день

Ads index

beta

Архив постов

\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/ru/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ru/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":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1681900587-frontend_dev5/posts/3153","url":"https://telemetr.io/ru/channels/1681900587-frontend_dev5/posts/3153","mainEntityOfPage":"https://telemetr.io/ru/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/ru/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/ru/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}]}}]}

7 657

Как z-index влияет на отображение элементов в CSS?

Anonymous voting

7 657

⚙️ JavaScript Set и Map: За пределами массивов и объектов Как эффективно обрабатывать уникальные значения и пары ключ-значение, избегая принудительного приведения типов и потери производительности? #Полезное

7 657

free-programming-books Один из самых популярных и рейтинговых репозиториев на Github, «бесплатные книги по программированию» содержит не только книги, как следует из названия, но и потрясающие бесплатные онлайн-курсы, подкасты/скринкасты. А также интерактивные ресурсы по программированию, наборы задач, соревновательное программирование и шпаргалки. И самое приятное — все это доступно на огромном количестве различных языков. #GitHub

7 657

Multiple Glow effects Button Анимированная кнопка с различными эффектами свечения

7 657

Какое действие выполняет event.preventDefault() в обработчике событий?

Anonymous voting

7 657

В чем разница между == и === в JavaScript? 🔸 == (нестрогое сравнение) приводит типы перед сравнением:

console.log(5 == "5");  // true (строка преобразуется в число)

🔸 === (строгое сравнение) сравнивает и тип, и значение:

console.log(5 === "5");  // false (разные типы)
console.log(null === undefined);  // false

⚡️ Всегда используйте ===, чтобы избежать неожиданных преобразований и ошибок!

7 657

Dropdown Menu Effects Анимированное выпадающее меню с переливающимся эффектом.

7 657

Какое значение position в CSS позволяет элементу оставаться зафиксированным на экране при прокрутке страницы?

Anonymous voting

7 657

⚙️ Переходите на сторону light-dark() Статья раскрывает современные CSS-функции для создания адаптивного темного режима, заменяющие традиционные медиа-запросы. Рассматриваются подходы, упрощающие настройку цветовых схем под предпочтения пользователя. #Полезное

7 657

reveal.js reveal.js — это программа для создания HTML-презентаций с открытым исходным кодом. Презентации, созданные с ее помощью, чрезвычайно красивы и элегантны, особенно те, которые включают в себя демонстрацию кода. Самое замечательное, что вы можете делать с презентацией то же самое, что и с вебом — изменять ее, оформлять по своему вкусу и т.д. #GitHub

7 657

⏱ Neon Clock Сцена с неоновыми часами.

7 657

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

7 657

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

Anonymous voting

7 657

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

Anonymous voting

7 657

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

7 657

Anonymous voting