Что под капотом у сайта, который будем верстать на буткемпе?
На скринкасте — то, какое красивое портфолио у вас получится. Но перед тем, как врываться в верстку, мы расспросили Даниила, автора дизайна и вёрстки, о процессе
⭐ Анимированная hero-секция
— Какие элементы будем оживлять в hero?
Фон, текст и интерактивные блоки — они будут реагировать на ховер и менять состояния. Такой экран дает +100 к вовлечению.
— Какую анимацию будем вставлять через скрипты?
Большую часть сделаем на встроенном GSAP в Taptop. Но для якорной прокрутки до блока кейсов подключим кастомный скрипт, тк у нас динамический контент, и обычные якоря не подходят.
— Как кастомизировать hero под себя?
Это изи: меняешь цвета, шрифты, тексты, подставляешь направления работы, кейсы, описания. Всё покажем
⭐ CMS и динамические кейсы
— Зачем вообще подключать CMS?
Чтобы не верстать каждую карточку руками. Один раз создаёшь структуру кейса, и потом добавляешь новый контент через CMS. Taptop сам всё подставит и выведет.
— А обложки кейсов будут генериться автоматически?
Да, для каждого из кейсов мы заранее скрафтим в ИИ фон, изображение и тематические иллюстрации. И загрузим их
⭐ Интеграция формы связи с тг
— Сложно ли будет сделать интеграцию с тг в Таптоп?
В пару кликов. Там уже есть встроенный модуль, просто настраиваешь бота и подключаешь форму.
— И последнее: на что обратить внимание новичкам при верстке?
Всё, что повторяется — делай с классами. Один раз собрал, и потом быстро редактируешь весь проект, не нужно править элементы вручную.
🚨 Залетай на буткемп, чтобы сегодня начать собирать сайт-портфолио на Taptop
https://t.me/pxp_reg_bot?start=id486013751
Первый эфир — в 18:30 мск. Ссылки на эфиры можно получить только через бота, в канал выкладывать их не будем