Адаптивная верстка (Landing Page)

Ко мне в руки попал дизайн-макет сайта, который нужно было сверстать за 3 дня. Обычно такая работа стоит 4000р, в нее входит:

• Адаптив — верстка под ноутбуки, планшеты и мобильные устройства
• Кроссбраузерная верстка — верстка под все современные браузеры, включая IE10+
• Чистый код для дальнейшей поддержки
• Публикация сайта в интернете и привязка к домену
• Ускорение загрузки сайта

Для начала я поэтапно расписал задачу в Trello и дал заказчику ссылку, чтобы он в любой момент мог посмотреть, на каком этапе находится разработка. Далее я скачал и конвертировал все PNG изображения в формат JPG, а также оптимизировал иконки — это нужно для ускорения загрузки сайта.

Так как сроки были ограничены, я использовал Bootstrap — он позволяет писать код быстрее, использую набор готовых блоков и стилей. Сложнее всего было адаптировать слайдеры под мобильные устройства, с этим пришлось немного повозиться.

Я протестировал верстку с ноутбука, планшета и телефона, а также с разных браузеров: Google Chrome, Firefox, Opera, Safari и IE10+.

В конце заказчик решил добавить на сайт анимации появления блоков "на мой вкус", поэтому я быстро подключил самую популярную библиотеку для анимации — wow.js

Посмотреть работу: https://persiklover.github.io/sweet-carton