Тонкости адаптивной верстки на Тильде: мастер-класс

[@nekipeloff4755]

Есть ощущение, что Макс - это лучшая рекламная копмания в истории человечества

[@АнтонГавриленко-л3ю]

100%

[@dinarsuleyman5581]

чувак какой ты крутой!!! всё понятно! вот бы во всех универах так преподы обьясняли

[@Артём-п2ъ6ы]

смотрю в записи, кайф спикер, спасибо очень много полезной инфы! ещё раз спасибо.

[@skripach.irkutsk.pezhemskiy]

Доходчиво объясняет, все понятно, без сумбура и без воды, Лайк!!!

[@ЯнКовалев-й1ц]

Было бы неплохо посмотреть видео, где Макс объясняет, как стать таким крутым учителем/спикером :)

[@nikitasvet7483]

Спасибо, добрый человек! Открыл глаза на многие штуки! Респект! Полезный видос! 💪

[@live-ff6pt]

Максим, благодарю за ценный вебинар.

[@MargaritaLunae]

Спасибо, хороший вебинар, как всегда! Было бы здорово послушать отдельный вебинар про мобильные версии

[@aleksandraab]

Спасибо, теперь у меня две полезные фишечки в использовании (отступы в мобильной версии и сетка для стандартных блоков). Благодарю за полезный контент )

[@Elenele-1]

Большое спасибо! Очень полезный ролик и все понятно объяснили 👍🏼

[@MAX_ShapeD]

как всегда все очень понятно, полностью согласен с автором коммента ниже Макс -- крут! Спасибо тебе огромное, что ты есть у нас)))

[@sergeyprostobean4521]

Как всегда - только годный и полезный контент от гуру Тильды:) Спасибо от души. Макс объясняет и вдохновляет. Сегодня буду делать адаптив своей учебной страницы, которую сделал с нуля в Зеро и до конца. не хватает адаптивов:)

[@Adelina_88]

как много ответов на мои вопросы!! спасибо огромное!!

[@TildaPublishing]

Спасибо!

[@Nsdimon]

Макс ты как всегда THE BEST ! ⭐️⭐️⭐️⭐️⭐️

[@katelazareva6299]

Отличный мастер-класс!

[@tatianakazakova4724]

Просто супер! Действительно профи

[@vottuda]

1:04:39 - очень важное замечание, что все изменения наследуются только в напрпавлении от десктопа к мобилке, а наоборот - не наследуются. То есть редактировать размеры элементов надо по порядку по каждому брейкпоинту. Если же после декстопа начать редактировать мобилку, а уже потом перейти на таблет, то при редактировании таблета в мобилке некоторые параметры поедут.

[@Aleksandr_Antsiferov]

Только что проверил - сбивается текстовая верстка. Делал в порядке справа налево (от декстопа к мобилке), и пока дошёл до мобилы, на декстопе и планшетах уже всё поехало. Почему так?

[@Викуляндр]

такая же проблема, вы нашли ответ?)@@Aleksandr_Antsiferov

[@Aleksandr_Antsiferov]

@@Викуляндр да. Там изменения наследуются справа налево (то есть начинать от десктопной и идти к мобильной) + На тех экранах, где нужно вводить изменения в текстовые слоя, поступайте вот так: - на новом экране делайте копию текстового слоя - копию оставляйте и редактируйте как вам нужно (она не повлияет на старшие экраны) - а оригинальный слой отодвиньте как можно дальше левее (на ширину нескольких экранов), он не будет попадать в зону показа. Так у вас на несколько экранов получится 2-3 текстовых слоя для одного и того же текста

[@Designer-g5p]

@@Aleksandr_Antsiferovспасибо огромное!) намучилась с адаптивом текстовых блоков

[@Aleksandr_Antsiferov]

@@Designer-g5p попробуйте создавать новые отдельные текстовые блоки на каждом экране, на котором приходится сдвигать строки А старые отодвигать далеко в сторону, не удаляя и не скрывая их (тогда они не пропадут на других экранах)

[@ВероникаВойнова-т1ц]

Спасибо большое за это видео 👍👍👍

[@svetlanazenkovich2704]

большое спасибо! очень полезно, особенно про мобильную версию:)

[@webwin.agency]

я тоже вас слушаю и делаю адаптив)

[@Nicole-x5j]

благодарю!!!

[@ЛенаШ-л4ч]

спасибо огромное!

[@zver_custom]

Когда хочется во всю ширину и на разных разрешках, я понял что проще использовать кастомный CSS код где указываем какие блоки при каком разрешении окна показываем. И делаем копии блоков под 1360,1920,4к и компонуем внешний вид каждого. Да это геморно поддерживать, но если хочется чтобы выглядело как адаптивный сайт с полной шириной другого способа не вижу.

[@rambek9945]

Как всегда доступно,👍

[@advokat.xaecki]

Огонь. Спасибо!

[@indexzet]

Боже насколько проще все таки сделать резиновую вёрстку в readymag.

[@pavelbukanyov8177]

Не пропагандист. Скорее, - популяризатор.

[@Skyabas]

спасибо

[@НаталияЗимина-н4д]

спасибо !!!!!

[@masterplus720]

Народ подскажите почему видео которое залито на Ютуб и используется как фоновое - оно тормозит , в начале оно в кубиках ( не четкое ) потом становится лучше - какое решение сделать что бы не тормозило

[@an4ernova]

Добрый день. Подскажите, в чем может быть проблема : Между зеро блоками белая полоса в мобильной версии видна. Как исправить?

[@TildaPublishing]

Добрый день! Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту [e-mail]. В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

[@Adelina_88]

Подскажите пожалуйста. когда я работаю в зеро блоке, делаю дизайн на десктопной версии, потом в адаптации все элементы в одной куче. как нужно изначально располагать контент, что бы потом в адаптиве он не был в куче? и если ты уже сделал десктопную версию, и в ней у тебя все элементы на позиции left+top, а потом заходишь в адаптивы, а у тебя там вся каша в одной куче, можно ли это быстро исправить, или только в ручную все растягивать?

[@TildaPublishing]

Здравствуйте! В каждой адаптивной версии расположение элементов возможно изменить лишь вручную.

[@Adelina_88]

@@TildaPublishing я просто как то делала, потом заходила в адаптивы, и там всё элементы не были в куче, просто не знаю как я так работала в десктопе, что у меня в адаптивах всё нормально получилось, а сейчас не могу, всё уже перепробывала, а в адаптиве всё равно всё в куче(((

[@TildaPublishing]

Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту [e-mail]. В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

[@ii-yj5qj]

привет подскажи пож-ста насколько реально сверстать сайт на тильде где есть слайдеры поп апы всякие аккордеоны параллаксы, табы и так далее. Свои стили в тильде можно переписывать?

[@TildaPublishing]

Здравствуйте! Для всего перечисленного вами в Тильде есть нужные блоки и настройки, но при желании вы можете использовать сторонний код.

[@ii-yj5qj]

@@TildaPublishing спасибо за ответ!

[@leveremin108]

Где искать клиентов?

[@TildaPublishing]

Рекомендуем посмотреть запись вебинара на эту тему - kzbin.info/www/bejne/hZXVn6mHi86Nrrc

[@norfinukraine2450]

Добрый день, подскажите что делать, товар находиться в двух категориях к примеру зимняя и летняя обувь, например я зашел в карточку товара из категории зимняя но когда выхожу из нее попадаю в летнюю как это исправить ?

[@TildaPublishing]

Здравствуйте Необходимо рассмотреть ситуацию подробнее Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту [e-mail] В обращении опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ

[@Алина-л7з5ч]

Здравствуйте, подскажите пожалуйста, что делать. Столкнулась с такой проблемой, в дескотопе, за контейнером редактирования поместила другие версии картинок, текста и тд для мобильной версии и их видно на большом экране, но нужно, чтобы блок накладывался на следующий. Пробовала их убирать по бокам, но тоже не спасло(

[@TildaPublishing]

Здравствуйте, Алина К сожалению, не уверены, что правильно понимаем проблему Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets, или написав на почту [e-mail] В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

[@YuliyaGerts1]

Добрый день,подскажите если в домине ошибка в одной букве фамилии как исправить ?

[@TildaPublishing]

Здравствуйте, Юлия Если правильно вас понимаем, при регистрации домена через Тильду неверно указали фамилию, верно? Если да, то необходимо обратиться Reg.ru. Данный сервис является доменным провайдером для данной услуги. Если возникнут дополнительные вопросы или трудности, создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту [e-mail]

[@redwood6806]

Помогите пожалуйста: как настроить отступы между блоками в мобильной версии сайта - они сделаны в Zero-block? Есть ли такая возможность? Спасибо

[@TildaPublishing]

Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту [e-mail] В обращении опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

[@РозиковаАлияхон]

Всем привет, кто нибудь знает как уменьшить под мобильную версию стандартную форму заявок в zero block?

[@kristushca28]

У меня такой вопрос, может кто знает ответ? Кто знает, как исправить такую ситуацию, когда делаешь адаптив под мобилку на андроиде и на айфоне очень все отличается и все это так же отличается от того, как ты на компе делаешь адаптив, то есть на компе адаптив и на разных операционных системах телефонах выглядит все по разному! Сделала адаптив, смотрю на айфоне выглядит вот так, смотрю на андроиде выглядит по другому, бесит (((

[@TildaPublishing]

Необходимо рассмотреть ситуацию более подробно. Напишите, пожалуйста, на [e-mail] или через виджет в правом нижнем углу личного кабинета Tilda В обращении укажите: Опишите ситуацию Ссылку на опубликованную страницу сайта Полноэкранные скриншоты с айфона и андроида - как вы видите проблему

[@trenddecor19]

Здравствуйте, Вы разобрались?

[@nazarznak7645]

Здравствуйте , столкнулся с проблемой на тильде при адаптации сайта под мобильные устройства в горизонтальном виде. После сделанных необходимых действий и их сохранения , заходя на сайт с мобильного устройства он отображается некорректно. С чем это может быть связано?

[@TildaPublishing]

Необходимо рассмотреть проблему подробнее. Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту [e-mail] В обращении опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

[@nazarznak7645]

@@TildaPublishing Написал на почту , уже несколько дней жду ответа.

[@TildaPublishing]

Подскажите, пожалуйста, часть вашего email'а до символа @, чтобы мы проверили входящие

[@nazarznak7645]

@@TildaPublishing nazarznak686

[@TildaPublishing]

К сожалению, на почте не удается найти входящие по этим данным. Создайте, пожалуйста, новое обращение с темой «из комментариев KZbin» tilda.cc/tickets/. Передадим в службу поддержки, чтобы помогли как можно скорее Благодарим вас за терпение и понимание

[@_Al_Kuznec]

Совершенно не удобно, что нет просто кнопки включения сетки, хотя это было бы правильное решение(( Ели есть страница и её надо проверить, то совершенно не во всех блоках есть включение сетки(( Оч.неудобно(( Часто приходится переносить работу на след.день доделывать и сетки уже нет, если она и была включена((

[@larapuk6582]

Можно ли где-то включить залипание к сетке в Зеро блоках?

[@TildaPublishing]

К сожалению, такого готового решения нет на данный момент

[@olegpochtar5456]

Стандартные и зеро блоки как-то по разному отражаются на мобилках в плане ширины блока. Невозможно одно подогнать под другое.

[@TildaPublishing]

Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets, или написав на почту [e-mail] В обращении подробно опишите задачу/ проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу/ проблему и дать максимально точный ответ.

[@Sbg1925]

Олег, тоже столкнулся такой проблемой. Когда в сайте используется Зероблок вместе со стандартными и в мобилки разные отступы слева. Решилось вот так - в мобилке у элемента выставляется контейнер на Виндоу и в строке с Х выставьте 18 пикселей. Мне это помогло сейчас сравнять отступы

[@flightperrita]

Начала только смотреть! Надеюсь на вашу помощь тк ну никак адаптация не поддается мне!

[@TildaPublishing]

Если появятся вопросы, наша служба поддержки всегда рада помочь. Создать обращение можно на странице tilda.cc/tickets/ Чтобы поддержка смогла дать максимально точный ответ, опишите подробно вашу задачу/ проблему Укажите ссылку на страницу сайта и полноэкранные скриншоты, если они смогут помочь понять обращение

[@flightperrita]

@@TildaPublishing Спасибо. На зиро блоке было сложно. Но оказалось параметры выставлены не правильно вместе ex.100 было 100 и оставались огромные поля, что сложно поддавалось редактировать.

[@TildaPublishing]

Главное, что удалось разобраться! Если появятся вопросы, всегда рады

[@ИринаКлеймёнова-ь5г]

Здравствуйте, подскажите пожалуйста. Я создаю сайт из стандартных блоков и собираюсь размещать в Инстаграмм ( мобильная версия) , но так же хочу, чтобы человек мог легко открыть с компьютера и сайт работал и в десктопной версии, как мне это сделать?

[@TildaPublishing]

Здравствуйте, Ирина Если вы создаёте из стандартных блоков, то вам стоит обратить внимание только на блоки с полноэкранными фоновыми изображениями, если они есть на вашем сайте. Рекомендуем посмотреть информацию на страницах: help-ru.tilda.ws/mobile-version help-ru.tilda.ws/photo-for-publishing Все стандартные блоки адаптируются автоматически. Внимания могут потребовать только изображения. Если возникнут трудности, то просим обращаться на [e-mail].

[@ИринаКлеймёнова-ь5г]

@@TildaPublishingСпасибо большое)

[@ПашаЧернов-ф7э]

Изучаете, как минимум html5 + CSS и делаете все, что душе угодно, без подобных конструкторов.

[@yuliyayugoncharova7047]

Неприятно было смотреть, как классный парень, рассказывая про классный инструмент отвечает на вопросы в формате "Тильда - подарок судьбы, а ты -дурак" 🤦‍♀️ Тильда - инструмент с ОЧЕНЬ ограниченным набором возможностей. От этого он не становится плохим, просто не нужно оправдывать его естественные ограничения, связанные с простотой и скоростью освоения, "проблемами" самих дизайнеров. В Тильде невозможно сделать пиксель перфект хотя бы потому, что нет возможности задать правила для компоненты (и компоненты как таковые отсутствуют). Банально, но нельзя задать Zero-блоку высоту, подстраивающуюся под высоту контента (что особенно важно при верстке мобильных разрешений). И нельзя задать элементу привязку к расположению другого элемента (только к "гриду" или "окну"). Именно отсюда возникают все эти "нахлесты" или "пустоты" между элементами, привязанными по window-контейнеру. Для адаптивной верстки просто недостаточно правил. В итоге половина дизайн-решений, которые начинающий верстальщик мог бы реализовать, при дизайне под Тильду просто нужно забыть. В ограничениях порой рождаются наилучшие решения =) но давно есть конструкторы, которые позволяют переносит дизайн в подходящие под него компоненты и сделать по-настоящему адаптивный дизайн. Просто Тильда преследует другие задачи и хороша для них.

[@samyetism3492]

а где можно? редимаг? вебфло?

[@dmitrypakseev7789]

Подскажите, пожалуйста, как решить проблему с дёргающимся фоном? kzbin.info/www/bejne/inSxhpiwr8uml5o

[@TildaPublishing]

Здравствуйте, Дмитрий Необходимо рассмотреть ситуацию более подробно. Напишите, пожалуйста, на [e-mail] или через виджет в правом нижнем углу личного кабинета Tilda В обращении укажите: Опишите ситуацию Ссылку на опубликованную страницу сайта

[@dmitrypakseev7789]

@@TildaPublishing Да, спасибо!

[@donbotdonbot2522]

Он сказал , что более 3000 студентов, только у него которые работают на заказ....а еще минимум 100 различных обучающих курсов(хотя мне кажется их под 1000 )..... и все хотят работать .... столько нету заказов...... помоем уже веб дизайн переполнен.......????????????

[@TildaPublishing]

Конкуренция однозначно растет. К сожалению, не можем ответить на данный вопрос, исследований не проводили. Но стоит учитывать характер заказов. В большей степени это промо-материалы + материалы, требующие сопровождения. Это позволяет сделать рынок веб-дизайна более «резиновым».

[@user-yx3tv6ek6q]

+

[@serhioramires3166]

Для 2022 года урок устарел. Настройки поменялись местами в Интерфейсе. Треп идет по пониманию дизайна а не как в Тильде работать. До половины роллика не смог досмотреть. Много того что мне не нужно.

[@JamesBond-jf4ni]

блин думал что то дельное будет в видосе а тут как обычно хрень которую не разобрать бал бла бла и все

[@JamesBond-jf4ni]

кто хочет делать гавно сайты то вот вам тильда в подарок. а нормальные сайты делают в ручную версталами! или гоу в веб флоу, елементор и подобные там все для людей сдлано никто наезжать друг на друга не будет все будет работать так как положено. тильде об этом даже не мечтать

[@ЧерныйПлащПобедительчерныхсил]

Видео не о чем, болтает много