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

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

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

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

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

Дайджест новостей из мира фронтенд-разработки за последнюю неделю 5—11 апреля. Спецификации Опубликован первый рабочий черновик (First Public Working Draft) Region capture. Последний призыв к рассмотрению предлагаемых изменений в Media Queries Level 3. W3C приглашает к реализации WebXR Device API. Спецификации preload становится отключенным черновиком (Discontinued Draft), чтобы продолжить развитие в HTML living standard. Письмо генерального директора W3С к 33-й годовщине…

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

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

Кажется, почти все на Хабре сталкивались с HTML и CSS, даже если не занимаются этим на работе. Ну знаете, все эти «сделай кнопку покруглее», «сделай текст более красненьким», или кому-то из друзей сайт собрать. Авторы статей сталкивались с редактором Хабра (особенно старым). Или вот, например, наш выпускник, бывший системный администратор, пишет: Когда я работал сисадмином, однажды со словами «Тыжпрограммист, помоги!» ко мне обратился друг, которому нужен был интернет-магазин. Я кое-как…

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

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

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

Подробнее
Чек-лист по SEO оптимизации для фронтенд разработчика

Чек-лист по SEO оптимизации для фронтенд разработчика

Привет всем! Сегодня хотелось бы затронуть тему SEO оптимизации, как ее проводить, для чего и что для этого надо. Как ни как, сейчас это один из мощных инструментов для жизни веб-сайта или приложения. Читать далее

Подробнее
SiteAnalyzer 2.7 — Личный кабинет, White Label, поиск узлов на графе

SiteAnalyzer 2.7 — Личный кабинет, White Label, поиск узлов на графе

Всем привет! В новой версии SiteAnalyzer мы поддержали ранее взятый курс на исправление различных ошибок в программе, добавили личный кабинет и возможность использования ключа авторизации для снятия ограничений Демо-версии, а также реализовали несколько новых возможностей. Расскажем обо всем подробнее. Читать далее

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

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

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

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

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

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

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

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

Поддельное окно авторизации, чтобы выманить пароль пользователя Современные средства HTML/CSS позволяют сгенерировать фрейм, практически неотличимый от настоящего браузера, как на скриншоте вверху. Более того, можно нарисовать в нём «адресную строку» с любым URL. Это открывает двери для нового класса атак, который получил название BitB (браузер внутри браузера). Насколько реальны такие атаки и что можно противопоставить в качестве защиты? Читать дальше →

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

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

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

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

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

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

Подробнее
[recovery mode] Определение приоритетов SEO-оптимизации страниц

[recovery mode] Определение приоритетов SEO-оптимизации страниц

Шаблон таблицы + видео-инструкция по использованию, для эффективного определения приоритетов постраничной SEO-оптимизации. Читать далее

Подробнее