Заметки с меткой «css»

  • Firefox 62 (+)

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

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

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

    В чём же дело?

  • Firefox 61 (+)

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

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

    В День Победы — юбилейный Firefox 60.

    • ES6-модули в JavaScript;
    • Web Authentication API;
    • CSS-свойство paint-order;
    • WebVR в macOS;
    • Stylo для интерфейса браузера;
    • новая ESR-версия и проч.
  • Firefox 59 (+)

    Firefox 59 — первый весенний выпуск современного веб-браузера.

    • Pointer Events API.
    • position: sticky для ячеек таблиц.
    • calc() в rgb(), rgba(), hsl() и hsla() и Media Queries.
    • Обновлённый display: contents.
    • Off-Main-Thread Painting в macOS.
    • Запрет HTTP-аутентификации для внешних изображений и проч.
  • Firefox 58 (+)

    Firefox 58 — первый выпуск свободного веб-браузера в 2018 году.

  • Firefox 57 (+)

    В Firefox 57 (Firefox Quantum) — крупное обновление современного веб-браузера:

    • новый многопоточный CSS-движок Stylo;
    • асинхронная неблокирующая прокрутка (APZ);
    • отключена поддержка расширений на основе XUL/XPCOM;
    • новый интерфейс Photon, обновлённый логотип и многое другое.

    Бонус — новая версия авторского расширения UsableHomeButton 2.0 на основе WebExtensions API, совместимая с Firefox 57+.

  • Firefox 56 (+)

    В осеннем Firefox:

    • предзагрузка ресурсов с помощью rel="preload";
    • удалена поддержка элемента APPLET;
    • поддержка свойства labels элементов форм;
    • возможность вывода SVG на CANVAS;
    • Intl API в Firefox для Android;
    • возможность запуска браузера без GUI;
    • лёгкое создание скриншотов и проч.
  • Firefox 55 (+)

    Интересное в юбилейной версии современного веб-браузера Firefox:

    • отключена поддержка атрибута scoped элемента STYLE;
    • text-justify для управления распределением пустого пространства в строке;
    • WebVR включён по умолчанию в Firefox для Windows;
    • requestIdleCallback() для отложенного исполнения низкоприоритетного кода;
    • Intersection Observer API для асинхронного отслеживания видимости элементов;
    • удаление дубликатов и лишних пробелов при изменении DOMTokenList;
    • сжатие текстур в WebGL;
    • обратно-несовместимые изменения формата профилей и проч.
  • Firefox 53 (+)

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

    • легитимный сброс обтекания с помощью display: flow-root;
    • поддержка прозрачности в WebM-видео;
    • возможность управления отправкой Referer по умолчанию;
    • прекращение поддержки Windows XP и Vista и проч.
  • Firefox 52 (+)

    Представительниц прекрасной половины человечества поздравляем с Международным женским днём, программистов — с долгожданным выходом Visual Studio 2017, а пользователей передового веб-браузера Firefox — с его первым весенним выпуском, готовым порадовать нас внушительным набором новшеств:

    • CSS Grid Layout — новый механизм взаимного расположения элементов на основе виртуальных строк и столбцов;
    • многоколоночный вывод текста (CSS Columns) доступен без префикса;
    • поддержка WebAssembly — стандарта промежуточного двоичного кода, более быстродействующего по сравнению с JS;
    • Selection API для отслеживания и управления выделением текста;
    • возобновлена поддержка Touch events; и многое другое.
  • Firefox 51 (+)

    Вторую половину первой сотни версий свободного веб-браузера Firefox открывает его первый выпуск в 2017 году с россыпью интересных нововведений:

    • поддержка формата сжатия звука без потерь FLAC;
    • новый уровень 3D-графики в браузере с помощью WebGL 2;
    • транзакционная объектно-ориентированная СУБД IndexedDB 2;
    • номинально завершённая экспериментальная поддержка WebVR;
    • включённая по умолчанию поддержка современного свободного видеоформата VP9 и проч.
  • Стандартизован сброс обтекания (clearfix) (+)

    Часто требуется гарантировать, что обтекаемые элементы целиком уместятся в содержащем их элементе и при этом не повлияют на его стили (например, фоновый цвет). Ранее единственным стандартным механизмом такого рода было CSS-свойство clear, позволявшее сбросить обтекание элементов, расположенных перед соответствующим элементом.

    Спустя 20 лет после создания CSS задача ограничения области обтекания пределами заданного элемента наконец получила легитимное, стандартизированное решение, и оно уже реализовано в Firefox.

  • Firefox 50 (+)

    Поздравим передовой веб-браузер Firefox с большим юбилеем и посмотрим, что интересного он нам приготовил.

    • Удалена поддержка box-sizing: padding-box.
    • Исправлена отрисовка пунктирных скруглённых углов.
    • Псевдокласс :any-link доступен без префикса.
    • Поддержка атрибута referrerpolicy HTML-элементов A, AREA, IMG, IFRAME и LINK.
    • Поддержка одноразовых обработчиков событий.
    • Интерфейсы NodeList и DOMTokenList теперь итерируемые и поддерживают forEach().
    • Частичная поддержка File and Directory Entries API.
    • Частота вызовов setInterval() и setTimeout() в фоновых вкладках теперь не ограничена для вкладок, воспроизводящих звук средствами Web Audio API и проч.
  • DIV официально разрешён внутри DL (+)

    В стандарт HTML внесено долгожданное изменение, благодаря которому непосредственными дочерними элементами элемента DL теперь могут быть не только DT и DD, но и DIV. Это даёт возможность применять стили к каждой группе DT/DD как единому целому.

  • Firefox 49 (+)

    Первый осенний выпуск Firefox готов порадовать внушительным списком новшеств:

    • поддержка HTML5-элементов DETAILS и SUMMARY;
    • CSS-свойства background-position-x и background-position-y;
    • шестнадцатеричная запись CSS-цветов с прозрачностью (#RRGGBBAA, #RGBA);
    • text-align-last без префикса;
    • DOM4-методы before(), after(), replaceWith(), append(), prepend();
    • синтез речи в рамках Web Speech API;
    • работа с браузерной историей в WebExtensions API и проч.
  • Firefox 48 (+)

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

    • WebExtensions API в формально стабильном статусе;
    • background-clip: text для использования текста как маски для фона элемента (экспериментально);
    • color-adjust: exact для включения печати фоновых цветов и изображений;
    • методы insertAdjacentText() и insertAdjacentElement() элемента;
    • поддержка Flexbox для FIELDSET;
    • управление кэшированием и адресом ссылающейся страницы в Fetch API;
    • возвращённая поддержка Node.isSameNode() и проч.
  • Firefox 47 (+)

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

    • регистронезависимые селекторы атрибутов;
    • свойство display-mode для различения режимов отображения страницы в Media Queries;
    • Browser API для использования IFRAME как окна верхнего уровня в расширениях;
    • браузерный CSS tokenizer теперь доступен для расширений;
    • удалена поддержка colspan="0";
    • более полная поддержка WebExtensions API;
    • упразднение 3D View и проч.
  • Firefox 46 (+)

    Firefox 46 — новейшая версия передового веб-браузера — предлагает ряд новых возможностей:

    поддержка CSS-свойств семейства text-emphasis, некоторых свойств с префиксом -webkit-, DOM-метода document.elementsFromPoint(), Permissions API, расширенная поддержка Юникода в регулярных выражениях, повышенная безопасность JIT-компилятора JavaScript и проч.

  • Firefox 45 (+)

    Поздравляем читательниц с Международным женским днём и встречаем весенне-юбилейный Firefox 45. В свежем выпуске современного веб-браузера:

    • классы в JavaScript (ES6);
    • экспериментальная поддержка CSS Grid Layout;
    • экспериментальная поддержка Web Speech API;
    • поддержка innerText для совместимости с IE;
    • мета-элемент Content-Security-Policy;
    • отладка неподписанных restartless-расширений;
    • упразднение групп вкладок и проч.
  • Firefox 44 (+)

    В первой версии «Огненного лиса» в наступившем году огненной обезьяны:

    • выборочная загрузка частей шрифта с помощью unicode-range в @font-face;
    • раздельная трактовка CSS-значений italic и oblique;
    • Service Workers API как замена AppCache;
    • webkitMatchesSelector() как псевдоним метода matches();
    • поддержка алгоритма сжатия brotli и проч.
  • Firefox 43 (+)

    Предновогодний выпуск браузера Firefox может похвастаться публично доступной официальной 64-битной версией и другими новшествами:

    поддержка hyphens без префикса; проверка целостности подключённых к странице внешних ресурсов с помощью атрибута integrity; возможность динамического изменения viewport; Screen Orientation API без префикса; ряд изменений в отношении массива arguments; вывод трассировки стека и серверных отладочных сообщений Chrome Logger в консоли; учёт фактической плотности точек в функции «Скриншот узла» и проч.

  • EdgeHTML 13: initial и unset без all (+)

    В обновлённом браузерном движке EdgeHTML 13, используемом в браузере Microsoft Edge, реализована поддержка CSS-значений initial и unset, но нет поддержки свойства all, в сочетании с которым они и имеют основной смысл.

    Из других интересных новшеств: поддержка PICTURE, srcset, sizes; TEMPLATE; A[download]; USE в SVG.

  • Firefox 42 (+)

    В свежей версии Firefox с символичным номером 42:

    официальная 64-битная сборка; доступность Media Source Extensions (MSE) для всех сайтов без исключения; экспериментальная поддержка загрузки директорий; экспериментальная поддержка HTML-атрибута referrer; поддержка ImageBitmap, createImageBitmap(), Reflect API; индикатор-кнопка воспроизведения/выключения звука в ярлыке вкладки; встроенная защита от слежения а-ля Ghostery в приватных окнах и проч.

  • CSS Global Order — order без Flexbox

    CSS Global Order — авторская JavaScript-библиотека, реализующая поддержку изменения визуального порядка HTML-элементов с помощью стандартного CSS-свойства order без необходимости включения механизма Flexbox (display: flex / display: inline-flex) для их родительского элемента.

    Библиотека работает во всех браузерах, поддерживающих Flexbox, а также в Internet Explorer 7 и выше.

    Объём в минимизированном виде с Gzip-сжатием — 1 КБ.