Верстка Zero Block в Tilda Publishing

Базовые контент-блоки Tilda позволяют создать симпатичный и современный сайт для презентации ваших товаров и услуг. Благодаря адаптивному дизайну вам не приходится озадачиваться компоновкой и версткой элементов на страницах сайта. Однако базовых блоков Тильды не всегда хватает для отображения информации и контента в том виде, в котором вы бы хотели его видеть. И что же в этом случае делать?

Zero Block — это решение от Tilda Publising, которое позволяет создать собственный дизайн, расположить элементы и даже пошаговую анимацию так, как хочется вам. Внешний вид этого блока ограничен только вашей фантазией.

Правда, тут скрывается один подвох: вам придется заниматься адаптивной версткой под разные диагонали экранов. От маленького iPhone 5 до широкодиагональных профессиональных мониторов — этот блок должен отображаться корректно, чтобы вся информация умещалась в пределы контейнера.

Мы подготовили небольшой чек-лист для того, чтоб ваш блок выглядел красиво на всех устройствах.

1. Начинайте верстку с окна Desktop по порядку влево. В этом случае, процесс верстки займет у вас меньше времени, поскольку Tilda поможет вам перекидывать элементы ближе к тем местам, где они должны быть.
2. Не пренебрегайте вертикальной и горизонтальной разметкой. Она сильно упростит процесс выравнивания элементов и поможет высчитать необходимое количество расстояния.
3. Элементы, которые не вмещаются в небольшие диагонали устройств, всегда можно оставить за пределами контейнера. Зачем перегружать элементами и без того небольшое количество пространства блока?
4. Не забывайте, что пошаговая анимация отображается только на desktop версиях сайта, поэтому настраивайте ее без расчета на мобильные устройства.
5. Старайтесь делать горизонтальные отступы от краев контейнера, чтоб быть наверняка уверенным, что ни у кого не возникнет проблем при просмотре опубликованной версии вашей страницы.
6. Проверяйте опубликованную версию вашей страницы на максимально доступном для вас количестве устройств. Это повысит вероятность того, что ваш Zero Block будет сверстан корректно. Так же вы можете воспользоваться сервисом Viewport Resizer.

При соблюдении вышеописанных пунктов, верстка Zero Block займет минимальное количество вашего времени, а самое главное – нервов. Хороших версток!