WebGrower – это попытка собрать в одном месте все необходимые, полезные и интересные ресурсы для веб-разработки.

Safari 14 Beta Release Notes

Вчера была конференция WWDC 2020, на которой Apple представила среди прочего новую версию Safari 14, которая появится в iOS 14 и macOS 11.

Новые фичи

  • Добавлена поддержка Web Extensions в macOS
  • Добавлена бета-версия переводов страницы (прямо как в Google Chrome) для английского, испанского, упрощенного китайского, французского, немецкого, русского и бразильского португальского языков. Safari будет автоматически проверять при загрузке сайта, есть ли текущий язык сайта в вашем списке избранных языков
  • Добавлена поддержка HTTP/3
  • Улучшена частота прохождения Web Platform Tests для WebDriver, XHR+Fetch, Service Workers, CSS, и SVG

Кстати, теперь Safari не поддерживает Flash. Ура? 🙂

Производительность

  • Поддержка инкрементальной загрузки pdf-файлов
  • Внедрили асинхронную прокрутку для overflow: scroll и <iframe> в macOS.
  • Улучшили скорость закрытия табов
  • Улучшили производительность работы IndexedDB
  • Улучшили производительность доступа к кукам в JavaScript
  • Улучшили производительность конструкций for-of

Приватность

  • Добавлен Privacy Report, который будет показывать трекеры, который пытались получить доступ к персональной информации
  • Включено полное блокирование сторонних кук, а также включен Storage Access API в приватном (инкогнито) режиме браузера

Аутентификация и пароли

  • Добавлена возможность аутентификации в вебе с помощью Face ID или Touch ID в зависимости от того, какая из технологий присутствует в устройстве
  • Добавлено оповещение пользователей, если их пароли из iCloud Keychain взломаны
  • Добавлена поддержка автоматической вставки временных или одноразовых кодов, приходящих в смс

Переходим к фишкам, которые больше относятся к веб-разработке.

Javascript

  • Добавлена поддержка WebP формата для изображений (наконец-то)
  • Добавлена поддержка проигрывания HDR видео.
  • Получение коэффициента соотношения сторон из атрибутов ширины и длины тега <img>
  • Поддержка Picture-in-Picture API теперь доступна и в iOS на iPhone

CSS

  • Обновили image-set() для поддержки других функцийimage(), -webkit-canvas(), -webkit-cross-fade(), и -webkit-*-gradient()
  • Добавлен псевдоселектор :is() как синоним для:matches()
  • Добавлен псевдоселектор :where()
  • Добавлена поддержка image-orientation

Web Inspector

  • Добавлена поддержка для начальной загрузки скриптов
  • Добавлена вкладка Sources, которая объединяет вкладку Resources и Debugger
  • Добавлен виджет выбора цвета в формате HSL с поддержкой P3
  • Информация о Web Animations, CSS анимациях, и CSS переходах добавлена во вкладку Timelines
  • Улучшена поддержка VoiceOver
© 2020 Работает на Gatsby