Резиновая верстка сайта на Тильде

[@ФокусникАртемНежута]

Наконец то я стал понимать на 50% лучше про grid/window container и про резину в частности. Хорошо объяснил мужчина..очень хорошо.

[@ImechkoFamiliya92]

Спасибо) я теперь поняла в каких настройках был косяк, что при верстке делаю одно, а при публикации - другое 😅

[@Samed21]

Спасибо вам за такую чудесную программу. Как хорошо, что вы есть

[@2000zohan]

Только интенсив досмотрел 6-часовой с вами, доволен как слон, переделал полностью два своих проекта за одну ночь, все блоки сделал в зеро, заказчики в шоке, я в шоке, сделал им это бесплатно, так как учился на них. Спасибо вам✌🏼👍🏻

[@TildaPublishing]

Спасибо вам за приятную обратную связь!

[@user-eb7ip6fs4e]

Добрый день. Что за 6-часовой интенсив?

[@user-rj7hg4pn4g]

спс за науку...как же крута тильда и как много я ещё не знаю..

[@EvgeniiSorokin]

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

[@nety_net_ne]

Ухх, спасли меня! Два монитора, один HD, второй 2К, и 2К монитор сильно срезал мне картинку на заднем плане, очень помогли, чувствую что надо обязательно все ваши видео на канале посмотреть!!!

[@igormosijchuk6300]

Также в настройках размеров, значення можно указывать с комбинированными единицами измерения (например 100vh - 100px), может иногда приготдится

[@eloquent2200]

Спасибо за проделанную работу

[@ruslanzdor6921]

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

[@dmitrykand5142]

Еще использование расширение под хром Window Resizer и ему подобные.

[@pov.8577]

Зашел в комменты, чтобы написать это, а уже все)))

[@ИринаРо-г6ф]

но советуют проверять-таки на телефонах

[@Nsdimon]

Макс ты как всегда достоверно объясняешь. Молодец !

[@user-ms6dk5me8e]

Макс, красавчик! Спасибо за пиксели, которые можно превращать в проценты. Это прекрасно)

[@9292ukrnet]

Спасибо, полезно, наглядно и интересно.

[@nanofox6874]

почему вы не обьясняете как верстать так, чтоб смотрелось и на десктопах нормально и на мобильных устройствах, если делать windows container , то в мобильной версии, идут белые пробелы между блоками, выпустите нормальное видео как правильно верстать в компьютерной версии и в мобильной версии.

[@tentasaur2173]

узнали как убрать белые пробелы? Потому что на Айфоне 5 и 11 например экран разный, не получается чтото

[@ImechkoFamiliya92]

@@tentasaur2173не пробовали в настройках блоков расстояние проверить и поставить на 0 пикселей (к примеру)? Кажется, что дело в этом. У меня такой проблемы нет

[@tentasaur2173]

@@ImechkoFamiliya92 Спасибо за ответ, позже проверю

[@NadiykaAkymova]

Класс, как круто )) Спасиибо огромное!!!))

[@VeronikaVolkova-fy7xo]

Спасибо! Все понятно объяснил)

[@fizzybubblech666]

Нбать да ты зверюга!! Красота то какая сказка! Вот ето лапиищи!

[@mxmzubov]

как я долго искал эту информацию про 550 пикселей

[@katni98]

Это действительно самое тяжелое в верстке😫 Ну лично у меня вечно затуп с этим window container

[@rustam_webdesigner]

У тебя тоже в редакторе все друг на друга наезжает ? но после публикации во всей красе страницы все на местах. Вот только в редакторе сложно бывает ориентироваться с этой кашей.

[@НикитаМишин-я1б]

Такой вопрос: как адаптировать текст соразмерно экрану при резиновой верстке? Условно если текст 16px на макбуке 13-м, как сделать так, чтобы и на аймаке 27 этот текст был пропорционален остальному контенту так же, как и на макбуке? Явно размер у него будет уже на 16px.. Заранее спасибо за ответ!

[@turko_baba]

Tilda is the best constructor ever! It would be way more comfortable and functional if we had personal accounts in e-stores... well, waiting for the updates:((

[@hemendal7458]

Hey, as i know, it has personal accounts for courses or like that, and theres no problem to connect them to e-store. Visit settings of ur website and attitude it!

[@mdesign8409]

Это не совсем то чего хотелось бы. Да , элементы можно сделать резиновыми (шейп, изображения) в процентной привязки , но этого не достаточно, т.к. масштабирование текста сделать нельзя и при расширении браузерного окна в 27 дюймов все увеличивается , а текста на фоне увеличенных элементов смотрятся мелко и картина в целом становится косячной. Я недавно все это дело изучил и нашел один лайфхак)) но это так себе вариант) Если есть возможность сделать модификацию в тильдошной чтобы текст можно было в процентах привязывать и он масштабировался, я буду готов даже заплатить за эту модификацию!

[@molchyngaming2814]

CSS

[@NikoZazulin]

@@molchyngaming2814 нельзя, так как в зеро блоке абсолютное позицианирование, элементы не понимают другие и отступы не будут изменяться

[@NikoZazulin]

Лучше сделать тогда несколько блоков и медиазапросами распределить какой когда отображается

[@molchyngaming2814]

@@NikoZazulin все можно) как раз медиазапросами поменять размер шрифтов на нужных разрешениях

[@molchyngaming2814]

@@NikoZazulin это тоже вариант, но контент дважды редактировать

[@takhiryussupov2764]

Вот это самое нужное!

[@sergeysibvaleo]

Как избежать проблемы, когда верстаешь дизайн, а в итоге на iPhone вся верстка плывет? Но на Андроид устройствах все корректно отображается.

[@TildaPublishing]

Стоит рассматривать подробнее Обратитесь в нашу службу поддержки, пожалуйста. Создать обращение можно на странице tilda.cc/tickets/ Уточните сразу в обращении в поддержке: Ссылку на страницу сайта Модели устройств, на котором проблема воспроизвелась, и на котором открывается корректно И информацию об устройстве и браузере (получить эту информацию вам поможет утилита на странице mybrowser.fyi/. просто откройте на нужном устройстве эту страницу и скопируйте информацию)

[@mr.zxzxzxz3816]

к сожалению сафари поддерживает не все технлогии

[@РоманРусак-ю5ы]

самый понятный спикер)лайк конечно

[@torebektoregozhin4626]

5:55 stretch это для себя

[@Swooford]

Лучший!!!

[@pavelkorolev4575]

Ещё бы добавили брейк-поинт на 1920 вообще была бы красота.

[@TildaPublishing]

Данная задача уже стоит очереди, постараемся ускорить процесс реализации

[@mdesign8409]

@@TildaPublishing ждёёёёёёммм)

[@Minniby]

Было бы круто, если бы можно было ставить дополнительные размеры экранов на десктопе например добавить full hd версию

[@TildaPublishing]

Благодарим за обратную связь! Уже передали ваш запрос разработчикам

[@nikitatrubitsin1047]

Cool!

[@СергейЮрченко-ъ2ч]

Привет. как сделать несколько кнопок в глубину? нажал на кнопку перешел на др.страницу а там опять нажал на кнопку и опять перешел уже на др.страницу и так несколько раз????

[@TildaPublishing]

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

[@ВикторияКоротовская]

как совместить одинаковое отображение зеро и стандартного, Элементы в Зеро всегда на примерно 10 px стоят дальше от края , чем элементы ы стандартных, Хотя и там и там 12 колонок

[@TildaPublishing]

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

[@kristinazimareva5353]

🎉🎉🎉🎉🎉

[@trubenok]

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

[@TildaPublishing]

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

[@mr.zxzxzxz3816]

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

[@sunlunee]

То есть вёрстка - это адаптация для всех устройств?

[@TildaPublishing]

Верстка - создание структуры и расположение элементов на странице (в случае web'а)

[@velessn]

Не понимаю, почему нельзя регулировать ширину контейнера. Почему нельзя исправить 1200px вручную? За что я заплатил деньги?

[@TildaPublishing]

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

[@pavelkorolev4575]

Печальный факт состоит в том, что на мобильной версии стандартные блоки выглядят лучше, чем зеро, потому что резинятся. Да, можно привязать контент к левому краю с отступом, но растягивать текстовый блок по ширине уже не получиться. В общем печально, но надеюсь поправят.

[@TildaPublishing]

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

[@user-jq2xt5rp5l]

Может кто нибудь подсказать Почему на большом экране расстояние между текстом становиться намного больше Хотя делаю все в window container Уже и в % перепробовал

[@TildaPublishing]

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

[@AlexeyPodolsky]

а зачем куча экранов, если есть тулза в браузере?

[@TildaPublishing]

Эмуляторы могут отображать некорректное состояние. Всегда лучше проверять на реальных устройствах

[@АстамурБутба-у5о]

Я думал что-то изменилось, раз отдельное видио под адаптивную верстку на большие экраны выпустили. На самом деле анимация только в пикселях. Если делать кастомный сайт для дорогой компании, для больших экранов - не на Tilda.

[@alexUnion]

С кодом это всё как-то проще...