Проверяем адаптивную версию сайта в один клик без Google DevTools
При работе над дизайном сайтов для Тильды я уделяю особое внимание его адаптивной версии. Но, часто бывает так, что заказчик просто не видит этой работы, потому что проверяет одну или максимум две версии. Рассказываю, как это исправить.
Не обязательно иметь много девайсов или использовать Google DevTools для того, чтобы проверить дизайн. Достаточно установить расширение Responsive Viewer, которое существенно упрощает проверку адаптива: это удобно как для заказчиков, так и для дизайнеров.
Так чем же он лучше обычного Google DevTools?
1. Параллельный скроллинг макетов
Если делаю скролл на Айфоне, вижу, как сайт скроллится на остальных девайсах. Этот существенно экономит время при разработке дизайна, так как видишь всю ситуацию сразу
2. Сайт сразу во всех нужных расширениях на одном холсте
В DevTools мне пришлось бы либо переключаться с устройства на устройство в одной вкладке, либо открывать несколько вкладок с разными девайсами и переключаться между ними.
3. В один клик могу скрыть интерфейс расширения и смотреть макеты во весь экран
И ничего лишнего.
Ок, а как пользоваться?
- Переходите на свой сайт и кликаете на иконку Responsive Viewer в строке расширений
- Добавляете устройства для просмотра: я использую 3 устройства для проверки: iPhone, iPad, MacBook
- Кайфуете от удобства и скорости 👌
А как вы проверяете адаптивную версию? Напишите в комментариях.
Ставьте «+1» и добавляйтесь в друзья, если было полезно!
Тут голову ломаешь на чем лучше сделать, на django или asp core, хотя и drupal с лихвой покрывает большинство задач, а тут делают сайт на тильде и считают, что делают сайт ))
У каждого проекта свои цели, задачи и сроки. И иногда ну просто нецелесообразно делать сайт с помощью кода. Говорю это и как дизайнер, и как человек, который работал с десятками стартапов, зная, как это всё работает изнутри.
Ужасная ловушка в которую технически грамотные люди затаскивают бизнес: человеку достаточно Wordpress или Tilda для решения 100% задач, а его затаскивают на Laravel или 1C с учётом «перспективы». Перспектива не наступает, зато время разработки улетает в космос, цена догоняет. И всё это никому не нужно.
Вижу такое постоянно.
ну так же и тильды с лихвой покрывает кому-то.
Протестировать что-то перед запуском и тильды хватит. Лендосы пилить в уже существующем продукте тоже будет быстрее с любым конструктором. Да, они будут возможно кривее/медленнее по скорости работы, но точно быстрее по созданию
nocode решений в целом полно.
А почему проекты на тильде не считаются сайтами?
для недвиги например отличный вариант под ежемесячные обновления утп, конверсия с лендоса на тильде была овердохуёвая
Комментарий удален модератором
Ну хз, я не нашёл, где врубить одновременную прокрутку, которая есть, например, в https://responsively.app/
Спасибо!
В macOS Safari это нативная функция
Нативная функция - какая? Видеть несколько резолюшенов на канвасе с параллельным скроллом?
Комментарий недоступен
Когда выпил, т9 включай
И вообще, споры по поводу сайтов на Тильде — это целая отдельная ветка для обсуждений...
Да какие тут споры могут быть - одностраничный тест гипотезы да пожалуйста, seo и что то более менее сложное - гавно лютое.
Тоже давненько пользуюсь, очень удобно, полностью согласен с автором заметки.
До сей статьи в Хроме использовал Ctrl-Shift-I
Открою тайну, это проверка на разных разрешениях, но не на разных устройствах. Сервисы проверки на разных устройствах стоят денег и не эмулируют, а реально проверяют на устройстве.
Спасибо за совет!
Не на всех сайтах работает
Маловато так проверять адаптивность верстки, для более точного результата в разных ОС и на устройствах нужен эмулятор. Ловите ссылку https://app.lambdatest.com/console/realtime
На free аккаунте можно сделать десятки тестов и быть уверенным, что например яблочники увидят тоже самое, что и пользователи с андройдов, хотя конечно здесь идёт речь не только об адаптивности, но и вообще о верстке в целом. Бизнес с тильдовскими сайтами может жутко обломаться, ибо сайты на тильде как правило идут с кривой версткой, у некоторых брейкпоинты могут ломать верстку, например на iPhone в Safari, если без верстальщика делался сайт на тильде и на странице множество элементов верстки, то почти наверняка сайт на тильде окажется кривым.
в чат входит представитель секты отличия расширения от разрешения (и аутентификации от авторизации)
поправь, пожалуйста