Верстаем сложный макет в Webflow с помощью нового инструмента Grid
HTML-код
- Опубликовано: 19 сен 2024
- В этом видео я показываю и комментирую процесс вёрстки макета с нестандартной сеткой. Также показываю как работает новый инструмент Grid.
Ссылка на проект в Webflow - webflow.com/we...
Сервис для сжатия изображений - tinypng.com/
Ссылка на регистрацию аккаунта Webflow - bit.ly/2lvPpOl
Добавляйтесь в друзья - ivanmayorov
Обучающий курс по Webflow - webflow.pro/
Группа курса - intensi...
Очень круто, спасибо, все понятно, быстро и без воды
Благодарю! Все доступно и по существу.
Спасибо тебе ,добрый человек!
Пока не поссмотрел,но обязательно поссмотрю. Можно многому научится и у других )
Просто магия какая то!
Очень круто! Спасибо
за grid спасибо!
Спасибо. Всё понятно и ясно.
Спасибо 👍🏻
Видео очень полезное. Единственное что осталось не понятно: если нужно сделать рамки внутренних блоков - как это сделать? Если ставить на грид - бордюр ставится только на внешнюю сторону всего грида. А если нужно поставить только на внутренние - сделать что то типа сетки, то как тут быть?
внутри сетки воткнуть div и у него выставлять бордюры) но лучше делать тенями, чтобы контент не сдвигался)
у меня проблемка с гридом. Может ты знаешь решение?
Я когда бросаю див в грид и хочу например расширить на два столбца его, то не могу просто потянуть его за край и увеличить. Его красная линия находится на границе грида. Как то до этого работало, а сейчас не доступно это свойство. Такое ощущение, как будто я случайно где то что то выбрал, что блокирует это свойство.
когда включаю режим, например, планшета и перестраиваю блоки сетки местами, и они двигаются на всех устройствах. То есть, когда я нажимаю на блок-клетку выделяется не красным, а голубым
Надо для выделенного блока прожать Position -> Manual
@@Fenixtremo спасибище!!
спасибо!!
как добавили символы на 25 минуте?
Спасибо за отличный видос. Вопрос: при адаптации под планшеты/моб и тп у некоторых картинок и текстов изменения в размерах применяются и в десктопной версии. Как избежать? Каждый раз создавать подклассы?
Не знаю как это было 3 года назад, но я намучилась с этим уроком, Грид работает криво. В начале, после добавления 3 дива, начинает перестраиваться и расползаться на больше кол-во столбцов и просто не даёт добавить остальные дивы. С адаптивом вообще беда, так просто взял и перетащил, как в видео из одной клетки в другую не работает- весь Грид скроллится на бешеной скорости и див попадает совсем не туда куда хотелось бы и снова перестраивается вся структура грида. Вобщем сделала все с трудом, можно сказать на соплях и даже притрагиваться к этому гриду страшно, чтобы не сломалось все. Так что в теории и на видео это «магия», а на деле адище!
Понимаю ваши трудности. Грид сильно поменялся после записи урока. Надеюсь скоро найду время и запишу новый урок)
Здравствуйте, подскажите пожалуйста делали ли вы верстку сайта на вебфлоу по гриду (весь сайт верстается с помощью гридов? Может посоветуете уроки какие нибудь по этой теме?
Здравствуйте. Грид просто инструмент, его нужно использовать для подходящих задач. Весь сайт нет смысла делать исключительно на гриде. Многие задачи можно делать флексом или гридом, выбор остаётся за вами. Сейчас я готовлю новое видео про грид, где расскажу для каких задач его удобно использовать
@@webflowpro Спасибо, а подскажите будут ли видео по обновлениям, сегодня хотел подключить коллекцию к тексту, так не нашло как это сделать, раньше в тексте шестиренки можно было добавлять , а сейчас нет там этих настроек
@@stanislavosipov2838 В CMS ничего не изменилось www.loom.com/i/300d0ab194b04acf83fb39d740d9efe6
Как ты быстро переключаешься между рабочими столами?) Видно что не трэкпад и не кнопки на клавиатуре. Magic Mouse?)
Трэкпад на ноуте и cmd + tab для переключения между приложениями)
Магия...
Здравствуйте.А где вы создали макет?
figma
100% GUI =)
С какого сервиса брались png картинки для макета?
Держи макет в фигме www.figma.com/file/DIAokio5rD2j6H0lH08vsOhQ/Grid?node-id=0%3A1
конвертация кода платная?
Если имеешь в виду выгрузку кода, то она бесплатная, но только на платном аккаунте
слышал что можно как то делать выгрузку из бесплатным аком
@@hanzohasashi5014 Если что обращайся я тебе с бесплатного выгружу код, разумеется не бесплатно )