Вёрстка на Тильде — Grid x 2, Autoscale, Window: обзор подходов и нюансов различных видов вёрстки🔥
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳
С вами — Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео — Обзор имеющихся в нашем распоряжении видов или подходов к вёрстке на Тильде — традиционный Grid 1200 , не так давно ставший доступным Grid 1920 , Автоскейл и, разумеется, Window Container🔥
💪Тема объёмная, но постаралась сжато и ёмко пройтись по всем ключевым моментам:
✔️назначение того или иного типа=принцип работы;
✔️ в чём особенности и какие нюансы учитывать, чтобы верстать технично и аккуратно;
✔️ принципиальные отличия между всеми четырьмя способами;
✔️ как верстать мобильную версию;
✔️ как подходить к расчёту сетки;
✔️ как сократить число адаптивов🚀 (об этом смотрите в самом конце — вначале попрощалась, а потом дополнила по брейкпоинтам))
🔔Если у вас остались вопросы или появились замечания/дополнения — пишите о них в комментариях, и говорю об этом не с тем, чтобы раскачать активность под видео, а для того, чтобы устранить те моменты, которые можно упустить из виду🙌
🦊Желающим задонатить — к боту-помощнику 👉
⏱Тайминг — для вашего удобства❤️:
00:00 — вступление
01:33 — обоснование выбора и актуальности темы
03:47 — план обзора — будет 2 этапа: на первом разносим по 4-м зеро-блокам одинаковый текст и заголовок с одинаковым позиционированием, публикуем и сравниваем результаты, комментирую; во второй части идём в презентацию по четырем типам вёрстки и обсуждаем всё подробно
04:38 — о первой части обзора
04:52 — идём в зеро, Grid Container 1200
05:27 — переходим в Grid Container 1920
06:36 — идём в блок с Автоскейлом
07:44 — наконец, идём в блок с позиционированием по Window
08:21 — сравниваем результаты позиционирования на опубл странице
15:12 — переходим ко второй части обзора
16:06 — комментирую вёрстку в Грид 1200
18:06 — особенности вёрстки в Гриде на разрешении 1920
21:49 — особенности вёрстки с Автоскейлом
35:09 — особенности вёрстки по Window
47:28 — добавлю коммент по сокращению количества брейкпоинтов в адаптивах и, как следствие [есть такое мнение], облегчению вёрстки😉🔥
📹Хочешь предложить свою тему для видео или давай соберём эфир вместе — пиши в ТГ (никнейм: @chistyakova_website) или в комментах к этому видео🔥
Ещё раз напоминаю о том, что это и другие полезные видео выкладываю, в том числе, в рамках нашего дизайнерского душевного чата, в котором являюсь Админом — чат Pro.дизайн 👉
Вливайтесь для человеческого и профессионального общения, а также на случай, если
давно хотели закинуть какую-нибудь интересную тему, но не решались😁 — мы периодически проводим эфиры, так что у вас есть реальный шанс стать приглашённым спикером-экспертом и поделиться своими знаниями, инсайтами и компетенциями с грамотной интеллигентной и просто клёвой аудиторией🔥✨☺️, а потом взять и выложить запись своего бенефиса в соцсетях😉 — отличный инфоповод💪
Если есть вопросы ко мне:
► дизайн;
► типографика и композиция на сайте;
► анимация любого сценария и уровня сложности;
► подбор креативных идей;
► оформление документов для сайта (Политика конфиденциальности, Публичная оферта, РКН, согласие субъекта ПД);
► оформление отношений с заказчиками, разрешение спорных ситуаций, составление актов и претензий);
► любой вопрос за рамками поименованных — мои компетенции гораздо шире заявленных😉,
— пишите в ЛС, разберёмся в любой ситуации🤝
Чат Pro.дизайн 👉
Сообщество в ВК🥰👉
Мой ТГ —
ВК —
Инст (продукт Meta, в РФ признана экстремистской организацией) — /
DProfile —
#вёрстка #tilda #тильда #автоскейл #responsive #windowrelative #layout #виндоу
Приятного просмотра👀🔥
1 view
919
238
2 months ago 00:00:42 1
Переделываем обложку книги «Алхимик», Пауло Коэльо | Создание обложки ИИ
2 months ago 00:19:33 1
Контракт на смерть | Кто и зачем идёт воевать добровольно @Max_Katz
2 months ago 00:46:19 1
МЯТЕЖ ПРИГОЖИНА глазами его участников. Все, что вы не знали о бунте главы ЧВК «Вагнер»
2 months ago 00:24:39 1
ПОЛНЫЙ ПРОВАЛ ОБОРОНЫ КУРСКОЙ ОБЛАСТИ. Как случилась катастрофа?
2 months ago 00:13:57 1
После прорыва в Курской области половина новобранцев — старики / Роменский, Герасименко
2 months ago 00:15:46 1
ДЕЛАЕМ ИНФОГРАФИКУ ДЛЯ МАРКЕТПЛЕЙСОВ С НУЛЯ В ФОТОШОПЕ! ДЛЯ НОВИЧКОВ | ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ
2 months ago 00:52:29 1
Мятеж Пригожина | Бунт, которого не было #минутавминуту (English subtitles) @Maxim_Katz
2 months ago 00:01:00 1
Пересаженный глаз видит и сейчас. Эрнст Мулдашев. Пересадка глаза.