Марат Таналин о веб-разработке и ИТ

  • Firefox 81 (+)

    К 18-летию Firefox — 81-й выпуск браузера.

    • <iframe sandbox="allow-downloads">.
    • {overflow: clip}.
    • tabs.saveAsPDF() в macOS.
    • Имена файлов с пробелами без кавычек в Content-Disposition.
    • Улучшена доступность элементов управления воспроиз­ведением медиа­файлов и проч.

  • Firefox 80 (+)

    Встречаем юбилейный выпуск Firefox 80, первый после печальной новости о сокращении персонала Mozilla более чем на четверть.

    • export * as ns из черновика ES 2021;
    • appearance без префикса;
    • seekto и skipad в экспериментальном Media Session API и проч.

  • Firefox 79 (+)

    • Атрибут target="_blank" как неявный rel="noopener".
    • Краткие операторы логического присваивания ??=, &&=, ||=.
    • Улучшения Intl.DateTimeFormat() и Intl.NumberFormat().
    • Доступ к разделяемой памяти и таймерам высокой точности совместно с COEP и COOP.
    • HTTP-статусы 4xx/5xx как ошибки в консоли.
    • WebRender для видео­карт AMD в W10 при питании от батареи и проч.

  • Firefox 78 (+)

    Во втором летнем выпуске свободного веб-браузера:

    • долгожданные псевдо­классы :is() и :where();
    • движок регулярных выражений из Chromium/V8;
    • WebRender с графикой Intel под Windows 10 при питании от сети;
    • новая корпоративная ESR-версия и проч.

  • Firefox 77 (+)

    Встречаем летний Firefox 77.

    • replaceAll() для замены всех вхождений подстроки.
    • Permissions API для динамического запроса разрешений для расширений.
    • WebRender для всех ноутбуков с видео­картами nVidia и Windows 10, и проч.

  • Переименование якоря без поломки внешних ссылок (+)

    На качественном сайте внешние ссылки продолжают работать и спустя годы, даже если URL-адреса изменились.

    Для веб-страницы или файла это решается серверным перенаправлением с прежнего адреса на новый. Но что делать, если адрес изменился из-за переименования якоря (хэша)?

  • Firefox 76 (+)

    Встречаем майский выпуск свободного веб-браузера Firefox.

    • Ключевые слова для системных цветов в CSS.
    • Обработка звука с малыми задержками в JS с помощью AudioWorklet.
    • Документ фрейма как root в IntersectionObserver.
    • WebRender включён для современных ноутбуков Intel до 1920×1200, и проч.

  • Firefox 75 (+)

    В непростое время — юбилейный Firefox 75 для качественного интернет-сёрфинга и продвинутой веб-разработки.

    • CSS-функции min(), max() и clamp().
    • text-decoration-skip-ink: all.
    • «Ленивая» загрузка изображений с помощью loading="lazy".
    • Статические свойства JS-классов.
    • ARIA annotations и проч.

  • Firefox 74 (+)

    Firefox теперь выходит в полтора раза чаще — каждые четыре недели.

    • text-underline-position для управление положением подчёркивания.
    • JS-оператор ?. для удобного доступа к многократно вложенным объектам.
    • Атрибут allow и HTTP-заголовок Feature-Policy.
    • HTTP-заголовок Cross-Origin-Resource-Policy.
    • Отключена поддержка TLS 1.0/1.1, и проч.

  • Firefox 73 (+)

    Спустя всего месяц после выхода Firefox 72 — новая версия свободного браузера.

    • requestSubmit() для имитации нажатия кнопок форм.
    • letter-spacing и word-spacing в SVG.
    • innerWidth и innerHeight объекта window теперь всегда возвращают размеры всей страницы.
    • Настройка масштаба по умолчанию для всех страниц.
    • Дополнительный DoH-провайдер NextDNS.
    • Улучшено авто­определение устаревшик кодировок текста, и проч.

  • Firefox 72 (+)

    Встречаем новогодний Firefox 72.

    • Проброс стилей в Shadow DOM.
    • Анимации с перемещением по траектории.
    • Самостоятельные свойства scale, rotate, translate.
    • Долгожданная возможность обработки клавиш-модификаторов и среднего щелчка на кнопках расширений.
    • Краткий тернарный оператор ?? и проч.

  • Firefox 71 (+)

    Зимний выпуск Firefox получился довольно интересным.

    • Поддержка подсеток (subgrid).
    • Поддержка установки соотношения сторон изображения до его загрузки на основании атрибутов width и height без padding-top-хака.
    • Возможность воспроизведения видео в отдельном окне (Picture-in-picture) в Windows.
    • Страница about:config теперь реализована на HTML и CSS.
    • Режим киоска и проч.

  • Firefox 70 (+)

    В юбилейном выпуске свободного веб-браузера:

    • процентные значения в CSS-свойстве opacity и в SVG-атрибуте stop-opacity;
    • управление толщиной, вертикальным сдвигом и пересечением символов подчёркиванием;
    • составные значения свойства display;
    • генерация соответ­ствующих языку текста кавычек в строчных цитатах;
    • асинхронные back(), forward() и go();
    • встроенный контекстный генератор паролей и проч.

  • CSSWG одобрила size для краткой записи width и height (+)

    Рабочая группа по разработке спецификаций CSS (CSSWG) приняла решение добавить новое стенографическое (shorthand) свойство size, позволяющее задавать одновременно значения свойств width и height.

    Одним из тех, кто предложил свойство size, был ваш покорный слуга. С тех пор прошло всего 4 года.

  • Firefox 69 (+)

    Firefox 69 — осенняя версия свободного веб-браузера с символичным номером.

    • Resize Observer API для отслеживания изменений размеров элементов.
    • UserScripts API в расширениях.
    • Публичные свойства JS-классов.
    • user-select без префикса.
    • Геометрические атрибуты SVG как CSS-свойства.
    • SVG-in-OpenType и проч.

  • Firefox 68 (+)

    Летний Firefox подкрался неожиданно.

    • Visual Viewport API для учёта pinch-масштаба в Firefox для Android.
    • CSS Scroll Snap для управления привязкой прокрутки страницы к элементам.
    • -webkit-line-clamp для ограничения высоты элемента определённым количеством строк.
    • ::marker для управления внешним видом маркеров в списках и SUMMARY.
    • noreferrer в window.open().
    • Новая корпоративная ESR-версия и проч.

  • Firefox 67 (+)

    Firefox 67 — свежая версия свободного веб-браузера.

    • CSS-свойство revert для сброса к унаследованному или браузерному значению.
    • Динамический импорт JS-модулей с помощью import().
    • События transition* и animation* для disabled-элементов форм.
    • HTTP-заголовок ответа сервера Cross-Origin-Opener-Policy.
    • Набор шрифтовых пиктограмм Emoji 11.
    • Расширения отключены по умолчанию в приватных окнах.

    • Собственные профили у разных установленных версий Firefox.
    • В несколько раз более медленный запуск и проч.

  • Firefox 66 (+)

    Firefox 66 — весеннее обновление передового веб-браузера.

    • Отключено автовоспроизведение аудиофайлов и видеороликов со звуком.
    • Поддержка принудительной регистро­зависимой выборки по значениям атрибутов в селекторах.
    • IndexedDB вместо JSON для хранения настроек дополнений.
    • Автоопределение кодировки UTF-8 в локальных файлах и проч.

  • Firefox 65 (+)

    Firefox 65 — юбилейный и первый в 2019 году выпуск свободного веб-браузера.

    • Поддержка медиаформатов AV1 и WebP.
    • image-rendering: crisp-edges без префикса.
    • CSS-функция env().
    • Универсальный глобальный JS-объект globalThis.
    • Поддержка SVG в createImageBitmap() и проч.

  • IntegerScaler — масштабирует игры без размытия

    IntegerScaler — бесплатная авторская программа для Windows 7+, предназначенная для псевдополноэкранного масштабирования игр, запущенных в оконном режиме, с целочисленным коэффициентом без размытия.

    Позволяет играть в игры, например, в разрешении Full HD (1920×1080) на мониторах с разрешением 4K (3840×2160) без потерь качества, в отличие от билинейной интерполяции, используемой для полноэкранного масштабирования в мониторах и видеодрайверах вне зависимости от целочисленности масштабного коэффициента.

  • Firefox 64 (+)

    Firefox 64 — зимняя версия независимого веб-браузера.

    • Изменение оформления полос прокрутки.
    • Fullscreen API без префикса.
    • WebRender под Windows 10 с видеокартами nVidia.
    • WebVR в macOS.
    • Упразднение Live Bookmarks и проч.

  • Firefox 63 (+)

    Новая версия свободного веб-браузера Firefox 63 дарит множество новых возможностей:

    • Web Components: Shadow DOM, Custom Elements.
    • Media Capabilities API.
    • Расширенная поддержка Web Animations API.
    • Media Queries Level 4: @media (width < 600px) {…}.
    • Копирование текста без execCommand() и многое другое.

  • Firefox 62 (+)

    В бабье лето — с новейшим Firefox 62.

    • CSS Shapes: произвольные контуры обтекаемых областей.
    • ::selection без префикса.
    • flat(), flatMap() — разворачивание вложенных массивов.
    • import.meta в ES-модулях и проч.

  • Кнопка не отправляет форму (+)

    Порой нажатие кнопки не приводит к отправке формы и вызову JavaScript-обработчиков события submit.

    В чём же дело?

  • Firefox 61 (+)

    Firefox 61 — первый и единственный летний выпуск веб-браузера Firefox в 2018-м году.

    • Поддержка OpenType Font Variations.
    • Поддержка двух значений в overflow.
    • Retained Display Lists для ускорения отрисовки.
    • Распараллеливание разбора CSS-кода.
    • Поддержка SameSite для Cookie и проч.