Адаптивная верстка сайта объемом до 10 блоков (секций) в HTML5+CSS+JS по готовому макету
Сделаю адаптивную верстку на чистом коде вашего сайта! Сделаю креативный дизайн блоков, не входящих в макет!
Проведу такие работы:
- анимированные ховеры на кнопках, плавно работающий слайдер, другая JS-анимация и логика,
- адаптивная верстка под все экраны: от 320 до 1920 и больше,
- базовая SEO: семантика, теги -title-, -description-, -h1-h7-, атрибуты -alt-, файл robots.txt,
- работающие формы заказа - письмо о заказе будет приходить вам на e-mail или в ТГ,
- валидация и контроль заполнения формы.
- тестирование на всех современных браузерах и ОС,
- работы по улучшению быстродействия (минификация кода, перевод графики в формат AVIF).
- работаю с макетами любой сложности, созданными в Figma, Pixso, Photoshop, Adobe XD, sketch и т.д.
Верстаю по методологии БЭМ семантически верно, с применением технологий:
HTML5, CSS3, JS-ES6, AJAX (GET, POST-запросы), PHP, MySQL
фреймворки CSS – SASS (SCSS), BOOTSTRAP5
библиотеки JS – jQuery, Swiper, Inputmask
шаблонизатор PUG
API-интеграция виджетов
сборка проекта Gulp
которые позволят ощутимо быстро и со 100% качеством выполнить ваш заказ.
Адаптивная верстка.
Вы получите адаптивный сайт под любые разрешения экранов современных устройств.
Между точками перехода верстка будет "резиновой" - то есть подстраиваться под ширину.
Адаптацию вашего дизайн-макета под смартфоны вы можете поручить мне, я справлюсь с этим не хуже ваших дизайнеров, и это входит в стоимость.
Анимация на сайте.
Строго по ТЗ (ничего лишнего) создаю анимационные JS-эффекты, слайдеры, "аккордеоны", всплывающие popup-окна.
Квизы, онлайн-калькуляторы и другая логика.
Проверка верстки.
Проверяю свою верстку на:
- корректную работу во всех современных браузерах и ОС.
- высокий показатель Google Page Speed на скорость загрузки сайта,
- выполнение проверки на валидность (корректность) HTML-кода по стандарту W3C.
Что вы получите:
HTML-страница до 10 блоков, CSS-стили, JS-скрипты
Примеры моей верстки:
Пример адаптивной верстки лендинга:
https://chicot73.github.io/tochkasept/
Пример с кастомной корзиной товаров, списком понравившихся товаров и счетчиком стоимости. Товар из понравившихся можно "переложить" в корзину. Элементы, добавленные в корзину, не удаляются из памяти компьютера! (работа с localstorage)
https://chicot73.github.io/furniture/
Пример с работающей формой обратной связи и механизмом ротации карточек
https://chicot73.github.io/properties/
Пример с эффектами при скролле:
https://chicot73.github.io/nique/
Пример с интерактивом на чистом JS (без библиотек):
https://chicot73.github.io/NewVasiukee/
Уже предвкушаю работу с Вами :)
Заказчик получит:
Коллекция готовых файлов верстки в виде *.html, стилей в виде *.css, cкриптов в виде *.js
До начала работы заказчик должен предоставить:
Максимально подробное ТЗ на верстку: какие технологии должны быть использованы, поведение элементов при интерактиве с пользователем и т.д.
Прикрепить ссылку на макет дизайна в Figma (желательно) или в другом граф. редакторе.
Не принимаю макеты, в которых текст в виде картинки!