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

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

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Каково изначальное значение CSS свойства background-origin?
Anonymous Quiz
22%
border-box
8%
padding-box
34%
inherit
25%
content-box
10%
unset
This media is not supported in your browser
VIEW IN TELEGRAM
🫠 Fluid Simulation

Сцена с интересной симуляцией жидкости с текстом.
HTML. Есть ли по умолчанию (без указания специальных атрибутов) у видео из тега video элементы управления воспроизведением для пользователя?
Anonymous Poll
59%
Да
35%
Нет
6%
Посмотреть ответы
Javascript вопрос: К какому типу данных относится NaN?
Anonymous Poll
8%
null
33%
number
11%
undefined
40%
К специальному типу NaN
5%
Ни к какому
2%
Посмотреть ответы
😁18👍4👨‍💻2
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

Панель плеера с подсказками при наведении