Новые гриды уже в Edge Insider Preview

ms-grid

Радостная новость от Microsoft: буквально несколько часов назад статус самого, наверное, популярного запроса к разработчикам Edge — обновить реализацию CSS-гридов до соответствия актуальной спецификации — сменился с «В разработке» на «Доступен в превью» (конкретно, в Windows 10 Insider Preview build 16226). Пока за флагом, но зато уже без префикса.

Темп, с которым браузеры — даже традиционно «неторопливые» — подхватывают это долгожданное нововведение, безумно радует. Есть все шансы, что к концу года гриды действительно станут повсеместными (кроме, возможно, совсем старых андроидов, которым в любом случае лучше давать упрощенную мобильную раскладку). Так что спешите осваивать все возможности новой эры верстки!

P.S. Это тоже может быть интересно:

7 Комментарии
  1. БобрДобр

    IE. Жизнь — боль.

    1. SelenIT (Автор записи)

      IE10+ (а других уже и не осталось). Старая редакция гридов (без grid-gaps, auto-fill и ASCII-арта, за префиксом, но разлиновка макета и привязка к линиям работать будет). Не то чтобы счастье, но лучше чем ничего:)

    2. Stanislav

      Ты хотел сказать iOS (< 10.3), Android (< 56) и Safari (< 10.1).

      1. SelenIT (Автор записи)

        iOS всё-таки обновляется довольно резво, на большинстве устройств с 10-кой уже 10.3, а 9-ка и ниже — скорее всего старые устройства, которым всё равно лучше отдавать упрощенную версию. Вот андроиды (включая, увы, 56-й) и их друзья типа Самсунг-Интернета слегка тревожат.

        Но в любом случае Progressive Enhancement рулит:)

        1. Stanislav

          Пользователи айфонов младше пятого негодуют от этого комментария. :)
          Фолбеки в любом случае должны быть, просто до повсеместного внедрения гридов ещё далеко, даже когда в Эдже появится. А вот флекс уже можно и нужно.

          1. SelenIT (Автор записи)

            Пользователи четвертых айфонов и ниже предпочитают ждать по нескольку минут, пока браузер, после долгого напряжения и пары-тройки возможных крэшей, всё-таки отрисует красоту «как на взрослом десктопе» в нечитаемом масштабе, вместо того, чтобы сразу пользоваться сайтом в удобной для маленького экрана простой одноколоночной раскладке? :)

  2. olla

    Голосовавшим прислали письмецо о том, что CSS Grid is included in Edge 16 that was released today as part of the Windows 10 Fall Creators update. :)

Добавить комментарий для SelenIT Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.