Wersja mobilna dla strony internetowej trip-point.ru

Przyjemnie było pracować nad tą stroną internetową. Poświęcona jest ona podróżom, a ja sam bardzo lubię podróżować. Autorzy strony internetowej zebrali dużą ilość informacji o podróżach w różne zakątki świata. Strona internetowa potrzebowała wersji mobilnej, żeby ją można było czytać na telefonie czy tablecie.

Kiedy zacząłem pracować nad tą stroną internetową, nie była ona wcale dostosowana do malutkich ekranów. Zawartość po prostu zmniejszała się. Czcionka była bardzo mała i nieczytelna. Pierwsze co zrobiliśmy - to zamieniliśmy czterokolumnowy karkas na skrypt typu "Masonry". Teraz jeśli zmniejszać szerokość przeglądarki, to kolumienki zacieśniają z piękną animacją. A przy pewnych progach szerokości ilość kolumienek zmniejsza się i na całkiem malutkiej szerokości ukazuje się tylko jedna kolumienka.

Przeze mnie również były dodane do strony internetowej nowe elementy, które ukazują się przy szerokości ekranu mniejszej niż 1024 pikseli. To menu z listą krajów i panel poszukiwania. Otwierają się one i zamykają się przez naciśnięcie odpowiednich znaczków w prawym górnym i lewym górnym kąciku ekranu. Jeszcze dodałem malutkie menu na samym końcu witryny i przycisk szybkiego przekręcania do góry witryny. Również zaprogramowałem automatyczną zmianę rozmiarów czcionek w zależności od szerokości ekranu, żeby polepszyć czytelność zawartości.

Rezultat jest piękny. Spodobał się i mi i zleceniodawczyni.