Вернуться в профиль
Адаптивная верстка
Ко мне в руки попал дизайн-макет сайта, который нужно было сверстать за 3 дня. Обычно такая работа стоит 4.000р, в нее входит:
Адаптив — верстка под ноутбуки, планшеты и мобильные устройства
Кроссбраузерная верстка — верстка под все современные браузеры, включая IE10+
Чистый код для дальнейшей поддержки
Публикация сайта в интернете и привязка к домену
Ускорение загрузки сайта
Для начала я поэтапно расписал задачу в Trello и дал заказчику ссылку, чтобы он в любой момент мог посмотреть, на каком этапе находится разработка. Далее я скачал и конвертировал все PNG изображения в формат JPG, а также оптимизировал иконки — это нужно для ускорения загрузки сайта.
Так как сроки были ограничены, я использовал Bootstrap — он позволяет писать код быстрее, использую набор готовых блоков и стилей. Сложнее всего было адаптировать слайдеры под мобильные устройства, с этим пришлось немного повозиться.
Я протестировал верстку с ноутбука, планшета и телефона, а также с разных браузеров: Google Chrome, Firefox, Opera, Safari и IE10+.
В конце заказчик решил добавить на сайт анимации появления блоков "на мой вкус", поэтому я быстро подключил самую популярную библиотеку для анимации — wow.js
Вернуться в профиль