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

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

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

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

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

13 февраля 2017
My photo

Добро пожаловать на мою страницу. Меня зовут Игорь. Я web программист с пятнадцатилетним стажем. Фрилансер. Работаю дистанционно. Выполняю проекты на русском, украинском, английском и польском языках. Проживаю в городе Львов, Украина.