Предпросмотр «резиновых» макетов в Firefox Nightly

    Адаптивный дизайн и резиновый тип макета претендуют на роль нового стандарта в веб-дизайне, поэтому для удобства дизайнеров разработчики Firefox реализовали в браузере предпросмотр «резиновых» макетов. Вы можете посмотреть, как выглядит сайт на экранах любой ширины, просто перетягивая край страницы или указав точный размер в пикселах.



    На выходных Responsive Mode появился в свежем билде Firefox Nightly, на стабильном канале он будет в Firefox 15.
    Поделиться публикацией
    Комментарии 15
      +5
      А мы в Google Chrome по старинке — изменяем размер окна браузера :)
        0
        Вы не правы, не все так делают. Можно перенести консоль на правую часть экрана и сдвигать её границы.
          +2
          Для хрома существует очень приятное расширение Resolution Test:
          chrome.google.com/webstore/detail/idhfcdbheobinplaamokffboaccidbal
          +4
          А чем оно отличается от того, что было? Мы просто меняли размер окна и получалось то же самое.
            0
            Это только первая ступенька. В ближайшее время планируется внедрить большее количество полезных вещей для разработки под мобильные устройства. Ниже упомянутая плотность экрана тоже планируется. В общем представьте, что к релизу 15ой Firefox у вас будет полный эмулятор моб. устройства в браузере.
              0
              Видимо тем, что (1) можно выставить точный размер области просмотра и (2) продолжить работать в том же окне, не отрывая инструменты разработчика в отдельное окно.
              +4
              Если будет возможность сделать разрешение большим, чем у монитора, то цены не будет это функции!
                0
                будет удобней, но поменять размер окна и сейчас можно
                  0
                  В Windows, на сколько я помню, растянуть больше разрешения рабочего стола окно нельзя. В Linux можно.
                    0
                    Можно, но немного. По ширине пикселов/пикселей на пять шире. По высоте на десять-пятнадцать
                    0
                    Можно растягивать больше ширины экрана в этом режиме. Проверял в линуксе.
                  0
                  Идея, я так понимаю, появилась изначально в Safari в полноэкранном режиме под Mac OS X
                    0
                    Идея взята и сделана специально для b2g, что бы разработчики могли работать в Nightly когда пишут под него приложения и подстраивать экран. В b2g desktop ещё можно поменять pixel density.
                  • НЛО прилетело и опубликовало эту надпись здесь
                      0
                      Если сделать адаптивный сайт, тестируя только в браузере, будет много неожиданностей на реальных устройствах. Тестирование в браузере лучше дополнять просмотром результатов на эмуляторах устройств: «Как тестировать адапивный дизайн».

                      Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                      Самое читаемое