Верстка сайта Servicepools
Задача
Сверстать по дизайн-макету быстрый, адаптивный для всех устройств сайт, добавить анимации.
Список готовых страниц
Анимация сайта
Была задача: сделать на сайте как можно больше анимации. Я постарался сделать сайт более «живым» с помощью анимации, добавил ее при прокрутке, наведении на элементы, открытие мобильного меню.
Модульность сайта
Не писать лишний код — важное умение. По хожу каждого проекта неопытные или ленивые разработчики любят писать множество кода для одинаковых элементов.
Я — ленивый разработчик. Когда я вижу 2 или более повторения какого-то элемента, я делаю этот элемент модульным.
Модульный — это элемент, который имеет одно описание стилей и может быть встроен в любую часть страницы без последствий.
Пример, карточки с описанием услуг:



Я не создавал 3 разных секции и для каждой писал свои стили. Я оформил их как одну группу и создавал стиль.
Если в коде что-то поменяется, поменяется сразу во всех блоках. Это кажется очевидным, правда? Но не все так делают.