Создание и раскрутка сайтов - веб-студия WebStudio2U Написать письмо в студию веб-дизайна WebStudio2U Авторизация Лента новостей студии веб-дизайна WebStudio2U Карта сайта

В Google представили онлайн-инструмент для веб-дизайнеров Resizer

Google ResizerХотя о важности оптимизации сайтов для просмотра на мобильных устройствах хорошо известно, до сих пор доля полностью оптимизированных под мобильные устройства сайтов остается достаточно низкой. И это несмотря даже на нашумевший в апреле 2015 года «мобайлгеддон» (mobilegeddon)! Чтобы помочь веб-разработчикам и веб-дизайнерам сделать свои сайты mobile-freindly, специалисты Google создали новый онлайн-инструмент под названием Resizer.

Google Resizer был представлен 7 марта 2016 года. Этот инструмент предназначен в первую очередь для тестирования пользовательского интерфейса Material Design на разных платформах, но вообще использовать его можно для работы с любыми сайтами. Достаточно в адресную строку инструмента ввести адрес тестируемой страницы, чтобы увидеть, как именно она отображается на десктоп- и мобильных устройствах.

Отслеживание контрольных точек (breakpoints) в реальном времени — еще одна возможность онлайн-инструмента Resizer. Переключаясь между контрольными точками мобильного и десктопного представлений, можно оценить, как изменяется поведение элементов интерфейса страницы, увидеть, корректно ли «отзывается» шаблон на разные контрольные точки.

Интересно отметить, что для демонстрации возможностей Resizer в инструмент включены примеры сайтов и приложений, которые показывают несколько разных моделей поведения шаблона при использовании отзывчивого дизайна. К примеру, демонстрационное приложение Pesto в инструменте Resizer показывает сразу несколько подходов: перекомпоновку элементов сетки при изменении размера экрана, изменение логотипа в зависимости от высоты тулбара, изменение позиции кнопки в мобильном и десктопном представлении.

Теги:
оптимизация сайтов, оптимизация сайтов для мобильных, google resizer, material design