🔐 Кстати, в новой версии Firefox завезли несколько новых фич, связанных с приватностью, в том числе операция "Copy Link Without Site Tracking", позволяющая скопировать URL выбранной ссылки в буфер обмена без отслеживания переходов между сайтами.

📌 Разбираемся, что нового в Firefox 120 для разработчиков (обзор от OpenNET):

• Добавлен API User Activation, позволяющий определить взаимодействовал ли раньше пользователь со страницей, взаимодействует ли в настоящий момент или ничего не делал на странице.

• Добавлена поддержка нового кода ответа HTTP — 103 Early Hints, который может использоваться для упреждающего вывода заголовков.

• В CSS добавлены новые единицы измерения размера lh и rlh, позволяющие указать размер, соответствующий линейной высоте (CSS-свойство line-height) элемента или корневого элемента.

• В CSS добавлена функция light-dark() для выставления цветов сразу для светлой и тёмной цветовой схемы без применения media-запроса prefers-color-scheme.

• В JavaScript-функцию Date.parse() добавлена поддержка дополнительных вариантов форматирования даты.

• Обеспечена поддержка атрибута media в элементе <source>, вложенном в элементы <picture>, <audio> и <video>.

• Включена по умолчанию поддержка расширения WasmGC, упрощающего портирование в WebAssembly программ, написанных на языках со сборщиком мусора.

• В инструменты для веб-разработчиков добавлена возможность симуляции работы вкладок в offline-режиме.

• В панель редактирования стилей добавлена кнопка Pretty Print для форматирования и приведения в наглядную форму минифицированной таблицы стилей (ранее минифицированные стили форматировались автоматически).

• В инструментах для разработчиков значительно (до 70%) ускорена работа отладчика при большом объёме исходного кода. Проведён рефакторинг отладчика, нацеленный на корректное срабатывание точек останова, привязанных к событию unload.

#новости #tip #devtool

🤔 Как веб-компоненты могут устранить привязку к фреймворку?

Автор отмечает, что веб-компоненты могут «резко ослабить связь» фреймворков — и, пытаясь доказать это, создает приложение, в котором каждый компонент написан с использованием разных фреймворков.

👉 Читать

🤩 На что способны современные веб-технологии?

😎 Перед вами интерактивный мини-сборник впечатляющих возможностей современных веб-технологий от команды Chrome для разработчиков: от WebAssembly и простого взаимодействия с локальными файлами пользователей до рендеринга «тяжелой» графики в браузере и упрощенной навигации.

Кстати, для создания анимации на сайте используется ThreeJS, но на канале Frontend FYI вы можете увидеть реализацию того же функционала на чистом CSS 😉

🎨Что, если бы мы сказали вам, что для создания графики вроде градиентов или эффекта дождя, может потребоваться всего несколько строк кода? Добро пожаловать в мир шейдеров!

👀 Перед вами крутой интерактивный гайд о том, как устроены шейдеры на уровне математики/кода и как применять их в вебе для создания визуальных эффектов.