Landing Page «Турист»

Arrow Up

Портфолио

Тумбнэйл для Landig Page "Турист"

Landing Page «Турист»

На данной странице представлена очередная работа примера вёрстки Landing Page. Для написания кода был взят редактор Visual Studio Code. В ходе верстки использовались препроцессор SASS, для структурирования стилей. WebPack для удобной работы с JavaScript по стандарту EcmaScript6 с модульной составляющей. Gulp сборка которая помогает мне в работе взята из интернета и переработана и доработана на свой лад. Получилась отлична сборка !

Сторонние ресурсы для Landing Page

Из стороннего что касается css — это bootstrap-grid. BootStrap 5 вообще очень порадовал своей сеткой на флекс-боксах, так как она очень помогает качественно решать большинство вопросов с адаптивностью элементов на странице. Весь фреймворк использовать не вижу целесообразным, так так в большинстве случаев, приходиться писать что-то свое.

Из стороннего, что касается скриптов — это splide.js(слайдер). Этот слайдер хорошо себя зарекомендовал. У него отличная документация ! Он имеет очень маленький размер и качественную функциональность с огромным множеством доступных опций. Этот замечательный бесплатный слайдер имеет все необходимые методы для полного взаимодействия. Моя оценка 5\5. И конечно главная причина, почему я его использую его — это то, что он написан на чистом JavaScript, и у него нет никаких зависимостей.

Да чуть, чуть не забыл, для выбора даты я использовал, Air DatePicker 3. Замечательная альтернатива дефолтному дата-пикеру в HTML5.

Самодельные скрипты

Все остальные скрипты в данном лэндинге — самодельные. Это гарантирует очень маленький размер файла main.min.js на выходе после сжатия. Хотя возможно некоторые из скриптов требуют проработки и доработки. Существует готовая библиотека AOS для анимации элементов при скроллинге, но я решил написать свою функцию и стили к ней. Функция маленькая и работает ! Что еще нужно ?!
Так же и с другими JS функциями в ядре данного Landing Page.

Вообще, если честно признаться, мне очень нравиться писать свои функции и плагины будь то на JavaScript, будь то на PHP. Подобное занятие доставляет огромное удовольствие, когда твоя личная программа начинает работать так, как ты хочешь. Это намного интересней монотонной верстки или другой незамысловатой работы, которую часто необходимо выполнить. Но это уже тема для другой статьи. Размер текста подошел к 300-м словам и мне пора заканчивать с болтовней, так как минимальная длина текста 309 слов, для нормального продвижения статьи в интернете.

Вы можете перейти и оценить функциональность лэндинг пейдж, для этого просто перейдите по следующей ссылке: Landing Page «Турист»

Добавить комментарий