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

Приємно було працювати над цим сайтом. Адже він розповідає про подорожі, а я сам дуже люблю подорожувати. Автори сайту зібрали велику кількість інформації про подорожі у різні куточки світу. І, відповідно до віянь часу, такий сайт потребував мобільної версії, щоб його можна було читати із телефону чи планшету.

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

Мною також було додано до сайту нові елементи, що показуються при ширині екрану менше 1024 пікселів. Це меню із списком країн та панель пошуку. Вони відкриваються і закриваються натисканням відповідних значків у правому верхньому та лівому верхньому кутках екрану. Ще я додав маленьке меню у самому кінці сторінки та кнопку швидкої прокрутки на верх сторінки. Також я запрограмував автоматичну зміну розмірів шрифтів в залежності від ширини екрану, щоб покращити читабельність вмісту.

Результат вийшов красивий, сподобався і мені і замовниці.