README-ru.md

Лендинг психолога Татьяны Обрезковой 💡

Сайт-визитка для консультирующего психолога Татьяны Обрезковой 👩‍⚕️. Сайт создан с применением инструмента Gulp. 🥤

Описание

На сайте представлены разделы для ознакомления клиента с услугами психолога: краткая информация, темы, с которыми можно обращаться, информация об образовании специалиста, цены и условия, часто задаваемые вопросы и ссылки на соцсети. Также клиент может оставить заявку для получения консультации.

Текст разделов временно заменен на шаблонный.

Демонстрация

Посетите сайт 👇

Технологии и инструменты

Особенности разработки:

• Используется инструмент Gulp
• Задачи разбиты на два файла - выполняемые в режиме разработки и выполняемые для сборки итогового проекта
• Используется особый прием для вычисления адаптивных величин (смотреть код)
• Адаптивная вёрстка подстраивается под любое устройство
• Все элементы ввода (ползунки, чекбоксы, выбор цвета) выглядят одинаково в разных браузерах
• Прописана обработка ошибок при загрузке изображения пользователем
• Анимации при наведении на различные элементы
• Фоновые декоративные элементы
• БЭМ методология
• Чистый JavaScript (код разбит на функции)
• Настроены мета-теги

Реализация функционала

Использованы следующие плагины для Gulp:

• плагин gulp-file-include собирает единый HTML документ, используя шаблоны и данные из JSON файлов
• плагин gulp-sass преобразовывает SCSS в CSS код
• плагины по работе с изображениями минифицируют, сжимают и преобразовывают картинки в формат .webp для более быстрой загрузки
• плагин gulp-svg-sprite помещает все svg иконки в один спрайт для более удобного доступа
• плагины для работы с JS кодом
• плагины для минификации HTML, CSS и JS кода
• и ещё более 15 других плагинов (подробнее в dev.js и docs.js)

Обратная связь

Буду признателен, если вы поставите звезду ⭐. Если вы нашли баг или у вас есть предложения по улучшению, используйте раздел Issues.

Благодарности

Дизайн и макет сайта strawberry2892 🍓.

Читать на английском 🇬🇧