Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії 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