Мобильная версия для сайта trip-point.ru

Приятно было работать над этим сайтом. Он рассказывает о путешествиях, а я сам очень люблю путешествия. Авторы сайта собрали большую коллекцию статей о путешествиях в разные уголки мира. Для сайта нужно было создать мобильную версию, чтобы его можно было читать с телефона или планшета.

Когда я начал работать над сайтом, он был совсем не пригодным для маленьких экранов. Содержание просто уменьшалось и отображалось маленьким не читабельным шрифтом. Первое, что мы сделали - заменили четырех колонковый каркас на скрипт типа "Masonry". Теперь при изменении ширины бравзера колонки сужаются с красивой анимацией. При дальнейшем уменьшении ширины уменьшается и количество колонок, и на самых маленьких экранах отображается только одна колонка.

Мною было добавлено несколько новых элементов. Они отображаются при ширине экрана меньше 1024 пикселей.  Это меню из списком стран и панель поиска. Они открываются и закрываются нажатием соответствующих значков в правом верхнем и левом верхнем углах экрана. Еще я добавил маленькое меню в самом конце страницы и кнопку быстрой прокрутки на верх страницы. Также я запрограммировал изменение размеров шрифтов в зависимости от ширины экрана, чтобы улучшить читабельность содержания.

Результат получился красивый и понравился и мне и заказчице.