Базовый прогноз на 2024 год: больше инструментов в помощь веб-разработчикам

Опубликовано: 10 декабря 2024 г.

2024 год стал захватывающим для проекта Baseline. Мы близки к завершению базового набора данных и запустили такие инструменты, как панель мониторинга состояния веб-платформы и виджет базового состояния . Другие проекты, такие как RUM Archive, начинают использовать Baseline. В этом посте рассказывается о Baseline в 2024 году.

Что такое базовый уровень?

Базовый уровень обозначает веб-функции, которые поддерживаются всеми основными браузерами как на настольных, так и на мобильных устройствах. Если используемые функции являются частью Baseline, вы можете доверять уровню совместимости браузера.

Новый доступный логотип, на котором все браузеры показывают, что они поддерживают ту или иную функцию.
Базовый вариант Новый логотип, отображаемый на странице видимости контента MDN.

Для получения более подробной информации о различных ярлыках Baseline и о том, как веб-функция становится Baseline, посетите сайт Baseline или посмотрите фильм «Создавайте уверенно с помощью Baseline» .

Базовый проект в 2024 году

Работа web-features завершена на 81%!

web-features — это попытка создать общий каталог функций веб-платформы. Каждому объекту присвоена группа и определение, и в этом наборе данных отмечены базовые данные поддержки.

В этом году мы приложили значительные усилия для продвижения этой работы. На сегодняшний день 81% функциональных ключей отображаются и используются с помощью пакета веб-функций npm . web-features являются источником достоверной информации о базовых статусах.

Новая информационная панель состояния веб-платформы

Панель мониторинга состояния веб-платформы предоставляет информацию о реализации функций веб-платформы в разных браузерах. Панель мониторинга поддерживается данными web-features , поэтому надежность этой панели значительно повысилась, поскольку ход работы веб-функций стал более полным.

Вы можете отслеживать ход реализации определенных функций или фильтровать, чтобы увидеть набор функций, таких как Baseline 2024 . Эта информационная панель дополняет существующие ресурсы, такие как Can I Use и данные о совместимости MDN, предлагая более широкое представление об эволюции веб-платформы.

Дополнительные сведения о информационной панели см. в статье Анонс информационной панели веб-платформы . С момента запуска были добавлены дополнительные фильтры, такие как group: и snapshot: , например snapshot:ecmascript-2023 покажет вам функции, включенные в ES2023.

Виджет <baseline-status>

Веб-компонент <baseline-status> также использует данные веб-функций и теперь готов к использованию на ваших сайтах и ​​слайдах. Установите его из npm , а затем используйте компонент каждый раз, когда упоминаете какую-либо функцию.

Виджет baseline-status, отображаемый как изображение.
Виджет <baseline-status> .

Узнайте больше об использовании веб-компонента «Базовый статус» .

Официальный сайт и логотипы

Baseline принадлежит группе сообщества W3C WebDX , и в этом году мы создали официальную страницу проекта Baseline.

Если вы используете Baseline в своем проекте, пишете о Baseline или рассказываете о Baseline, вы можете отправить запрос на включение, чтобы включить свой проект в Baseline на дикой странице.

При использовании Baseline в своем проекте ознакомьтесь с рекомендациями по использованию имени и логотипа . Логотипы лицензированы для использования всякий раз, когда вы хотите показать состояние веб-функций.

В рамках проекта Interop появилось множество функций. Базовый уровень. Новые возможности.

Проект Interop — это кроссбраузерная попытка улучшить совместимость Интернета. Функции в этом проекте предназначены для кросс-браузерной реализации, что ускоряет время перехода к базовой версии. Во время Interop 2024 Declarative Shadow DOM , font-size-adjust , requestVideoFrameCallback и text-wrap: balance вошли в Baseline 2024, а многие другие очень близки к завершению.

РУМ-инсайты

Страница Insights RUM Archive была первым инструментом для интеграции Baseline. Вы можете увидеть, сколько пользователей включено в каждый базовый год на основе их данных. Это может помочь вам выбрать базовый год для вашего проекта, а не использовать широкодоступный базовый год.

Прочтите базовую интеграцию с RUM Archive для получения дополнительной информации.

Серия видеороликов «Это базовый уровень»

Чтобы дать вам краткое и быстрое объяснение новых доступных функций Baseline, мы публикуем серию видео под названием #thisisbaseline. Узнайте о таких вещах, как новые методы Set , API блокировки пробуждения экрана , подсетка CSS и многое другое менее чем за 60 секунд.

Посмотрите все видеоролики This Is Baseline здесь.

Приходите пообщаться с нами лично!

В этом году команда посетила множество конференций, чтобы представить вам Baseline, услышать ваше мнение и ответить на ваши вопросы. Вот некоторые доклады, которые мы представили.

Посмотрите презентацию Рэйчел на FITC Web Unleashed в октябре, сессию Пита на Connect.tech и выступление Марико на JSNation в ноябре. И мы рады видеть вас на замечательных мероприятиях в 2025 году!

Что в базовом варианте 2024 г.

Год подходит к концу, и мы знаем, какие функции станут частью Baseline 2024. Вот некоторые основные моменты.

@свойство

Пользовательские свойства CSS (также известные как переменные CSS) — широко доступная функция. Возможность определять пользовательские свойства с типом, значениями по умолчанию и наследованием с помощью правила @property поддерживалась всеми основными браузерами с июля 2024 года.

Новые методы Set

Set является частью JavaScript с ES2015, но в этом году все основные браузеры добавляют и поддерживают больше методов для выполнения математических операций над множествами, таких как intersection и union .

АВИФ

AVIF — это современный формат изображений, который обычно имеет лучшее сжатие, чем другие форматы изображений, такие как WebP, JPEG, PNG и GIF. AVIF поддерживается всеми основными браузерами с января 2024 года.

… и многое другое!

Конечно, в этом году Baseline стало еще много функций. Вы можете ознакомиться с функциями, которые стали частью Baseline в 2024 году, здесь.

Заворачивать

Когда мы анонсировали проект Baseline в мае 2022 года, это была всего лишь концепция и первоначальное определение Baseline. В этом посте освещается лишь часть работы, проделанной для того, чтобы превратить Baseline в нечто, что может стать частью рабочего процесса каждого разработчика.

Мы хотели бы поблагодарить всех за напряженную работу над проектом Baseline.

Люди, внесшие вклад в web-features : Виктор Аллен, Дитрих Айала, Дэниел Бек, Патрик Броссет, Сондра Эби, Адриана Хара, Марико Косака, Пит ЛеПейдж, Флориан Шольц, Джеймс Стаки Вебер и queengooborg (Vinyl)

Виджет <baseline-status> : Ева Гасперович и команда Chrome DevRel.

Панель состояния веб-платформы : Панос Аститас, Кайл Джу, Джеймс Скотт, Дэниел Смит и Джейсон Сюй

Базовая команда Google : Аарон Аббарно, Рэйчел Эндрю, Тони Конвей, Филип Ягенстедт, Адриана Хара, Марико Косака, Пит ЛеПейдж, Нанду Наир, Али Спивак и Кадир Топал.

Особая благодарность : Алексису Деверии из CanIUse, Клаасу Огнеру, Гермине Кондеи, Флориану Димингеру, Рут Джон, Лео МакАрдлу из MDN, Нику Янсме и Робину Марксу из RUM Archive, участникам проекта Interop, Apple, Firefox, Igalia, Microsoft, Open Web. Docs, OddBird и члены группы сообщества WebDX.