Прокрутить к контенту ↓


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

  • Firefox 52 (+)

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

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

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

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

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

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

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

  • Internet Explorer 11 (IE11) (+)

    В IE11 нас ждут: edge-режим по умолчанию без необходимости в HTTP-заголовке/мета-элементе X-UA-Compatible, поддержка Flexbox в стандартном синтаксисе, CSS-свойства pointer-events для HTML-элементов, упразднение document.all, поддержка WebGL, dataset, Mutation Observers, Fullscreen API, Pointer Events API, SPDY (только в Windows 8+), а также ряд нерешённых и, увы, новых проблем — в том числе условные комментарии, не работающие даже в режимах эмуляции IE9 и ниже, и размытые (!) кромки элементов со скруглёнными углами.

  • Firefox 22 (+)

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

    • CSS3 Flexbox (Flexible Box Layout) — принципиально новый механизм взаимного расположения элементов;
    • @supports — правило, позволяющее адресовать определённые стили только браузерам, поддерживающим или не поддерживающим заданные пары свойств и значений.

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

  • Firefox 19 (+)

    Встречаем Firefox 19 — свежую версию современного веб-браузера с широкими возможностями, разрабатываемого некоммерческой организацией Mozilla.

    В новой версии: CSS Flexbox поддерживается без префикса (хотя по-прежнему отключён по умолчанию); поддерживаются новые единицы измерения vh, vw, vmin и vmax, привязанные к размеру области отображения (viewport) страницы; атрибут allowfullscreen элемента IFRAME теперь поддерживается без префикса; в браузер встроена JavaScript-библиотека PDF.js, позволяющая просмотривать PDF-документы без помощи сторонних плагинов; прекращена поддержка XForms; и другие интересные новшества.

  • Firefox 18 (+)

    Новогодний подарок от Mozilla — свежий Firefox 18.

    В праздничном выпуске: экспериментальная поддержка CSS Flexbox и WebRTC, поддержка стандарта Touch Events, повышенное быстродействие (в том числе благодаря обновлённому JIT-компилятору IonMonkey), поддержка Retina-дисплеев, поддержка значения ALLOW-FROM адрес HTTP-заголовка ответа сервера X-Frame-Options и другие новинки.