Всё о веб-анимациях в 2022

Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте

читать далее

[Перевод] Глубокое погружение в функцию CSS :where()

Функция CSS :where() — новейшее детище в блоке псевдоклассов. Она принимает список селекторов в качестве аргументов и минимизирует их, позволяя вам писать меньше кода и в то же время стилизовать их

читать далее

CSS-in-JS в Angular или все-таки CSS?

Всем привет! Меня зовут Всеволод Золотов, я Senior Frontend в компании Bimeister. CSS-in-JS очень быстро набрал популярность в React-комьюнити, но насколько актуален этот подход в Angular? В данной

читать далее

[Перевод] React 18. Что нового?

Эта статья — перевод основных изменений версии реакта 18.0.0. Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов. Читать далее

читать далее

Фронтенд-новости №1

Дайджест новостей из мира фронтенд-разработки за последнюю неделю 5—11 апреля. Спецификации Опубликован первый рабочий черновик (First Public Working Draft) Region capture. Последний призыв к

читать далее

Бесплатный интенсив «Основы HTML и CSS за 10 дней»

Кажется, почти все на Хабре сталкивались с HTML и CSS, даже если не занимаются этим на работе. Ну знаете, все эти «сделай кнопку покруглее», «сделай текст более красненьким», или кому-то из друзей

читать далее

[Перевод] Как Discord реализовал навигацию клавиатурой по всему приложению

Мы делаем Discord доступным для каждого. В 2020 году мы многое сделали, чтобы значительно улучшить ассебилити в приложении. Остаётся ещё много работы, но мы уже сейчас можем рассказать об одном из

читать далее

На пути к дизайн-системе: как мы сделали визуал и разработку почти единым целым

Привет, Хабр! Меня зовут Анатолий Долгов и я frontend-разработчик международной команды Учи.ру. Сегодня я расскажу, как мы успешно синхронизировали параметры дизайна и кода. Это упростило многие

читать далее

[Перевод] Почему разработчики любят Bulma?

5 причин для того чтобы использовать Bulma в вашем следующем проекте. Bulma это open-source, адаптивный и легковесный CSS фреймворк базирующийся на flexbox сетке. Этот новый фреймворк уже завоевал

читать далее

Атака «Браузер внутри браузера». Как защититься

Поддельное окно авторизации, чтобы выманить пароль пользователя Современные средства HTML/CSS позволяют сгенерировать фрейм, практически неотличимый от настоящего браузера, как на скриншоте вверху.

читать далее

[Перевод] Погружаемся в CSS: как использовать :where ()

Функция :where() помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset. В статье разберёмся, как это работает, и посмотрим на примеры

читать далее

Mozilla запустила платный сервис MDN Plus

Mozilla запустила новый платный сервис MDN Plus, который дополнит такие коммерческие инициативы, как Mozilla VPN и Firefox Relay Premium. Стоимость подписки составит $10 в месяц или $100 в год.

читать далее