Фронтенд Гайд
7.26K subscribers
614 photos
307 videos
283 links
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов!

Все представлено в виде готового кода, бери и юзай в своем проекте.

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🌟 Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.
HTML. Какой атрибут позволяет указывать несколько email-ов в одном input (type="email") поле?
Anonymous Poll
2%
several
40%
multiple
8%
multi
15%
multiemail
30%
Такого атрибута не существует
5%
Посмотреть ответы
javascript-algorithms

Этот репозиторий содержит JavaScript-примеры многих популярных алгоритмов и структур данных.

#GitHub
⚙️ CSS в 2025: какие фишки теперь доступны?

Краткий обзор новых возможностей CSS, которые стали поддерживаться в современных браузерах в 2024 году. Без теории — только список фич, которые стоит изучить и применять уже сейчас.

#Полезное
This media is not supported in your browser
VIEW IN TELEGRAM
Broken Glass Effect

Сцена с эффектом сломанного стекла в месте клика.
Как работает transform: scale() в CSS?
Anonymous Quiz
17%
width и height
77%
transform: scale()
4%
position: absolute
2%
display: flex
😁3👨‍💻1
React 19: что нового, что полезного, и куда мы движемся

Разбираюсь, что привнес React 19: где реально стало проще, где просто по-новому, а где опять «революция» в духе «зачем ломать, если и так не работало»
3👍2👨‍💻1
Что делает event.preventDefault() в JavaScript и когда его использовать?

Метод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами.

📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано.

preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.
CSS вопрос: Как в стилях получить значение атрибута title?
Anonymous Quiz
21%
attr.title
8%
title(attr)
24%
attr(title)
15%
title
15%
attributres.title
18%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Button with tooltip hover timing feedback

Панель плеера с подсказками при наведении
Микрофронтенд на пальцах с module federation 2.0

В статье объясняется, как микрофронтенды работают с Module Federation 2.0, как взаимодействуют host и remote, и что происходит под капотом при подключении модуля. Простой разбор на React и Webpack
This media is not supported in your browser
VIEW IN TELEGRAM
Firefly Button

Кнопка с анимированным эффектом при наведении
Решаем фундаментальную проблему асинхронных JavaScript-ошибок

В статье показывают, как правильно ловить и обрабатывать ошибки в асинхронном JavaScript. Разбираются примеры и приёмы для сохранения полезного stack trace вместо бесполезного однострочника