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

Sdílet
Vložit
  • čas přidán 26. 08. 2024

Komentáře • 96

  • @nekipeloff4755
    @nekipeloff4755 Před 4 lety +53

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

  • @dinarsuleyman5581
    @dinarsuleyman5581 Před 4 lety +21

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

  • @user-kw7no8oy3h
    @user-kw7no8oy3h Před 4 lety +32

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

  • @user-wc3dl1eu6u
    @user-wc3dl1eu6u Před 3 lety +13

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

  • @MargaritaLunae
    @MargaritaLunae Před 4 lety +12

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

  • @skripach.irkutsk.pezhemskiy

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

  • @nikitasvet7483
    @nikitasvet7483 Před 2 lety +1

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

  • @aleksandraab
    @aleksandraab Před 3 lety +2

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

  • @live-ff6pt
    @live-ff6pt Před 2 lety

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

  • @vottuda
    @vottuda Před rokem +3

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

    • @Aleksandr_Antsiferov
      @Aleksandr_Antsiferov Před rokem +2

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

    • @user-dg9lk3gi3s
      @user-dg9lk3gi3s Před 9 měsíci

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

    • @Aleksandr_Antsiferov
      @Aleksandr_Antsiferov Před 9 měsíci

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

    • @user-yr6iz1vd7b
      @user-yr6iz1vd7b Před 5 měsíci +1

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

    • @Aleksandr_Antsiferov
      @Aleksandr_Antsiferov Před 5 měsíci

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

  • @sergeyprostobean4521
    @sergeyprostobean4521 Před 3 lety +1

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

  • @Elenele-1
    @Elenele-1 Před 9 měsíci

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

  • @tatianakazakova4724
    @tatianakazakova4724 Před 3 lety +2

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

  • @katelazareva6299
    @katelazareva6299 Před 2 lety +1

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

  • @MAX_ShapeD
    @MAX_ShapeD Před rokem

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

  • @Adelina_88
    @Adelina_88 Před rokem

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

  • @Nsdimon
    @Nsdimon Před 4 lety +1

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

  • @user-wl8dd3ky6m
    @user-wl8dd3ky6m Před 3 lety +1

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

  • @user-nt9fu9jr5e
    @user-nt9fu9jr5e Před 5 měsíci

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

  • @svetlanazenkovich2704
    @svetlanazenkovich2704 Před 3 lety +2

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

  • @webwin.agency
    @webwin.agency Před 3 lety +2

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

  • @user-un2zq1uz4b
    @user-un2zq1uz4b Před 4 lety +3

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

  • @zver_custom
    @zver_custom Před 4 lety +1

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

  • @advokat.xaecki
    @advokat.xaecki Před 4 lety +1

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

  • @rambek9945
    @rambek9945 Před 4 lety

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

  • @Skyabas
    @Skyabas Před 4 lety +1

    спасибо

  • @gameovers2569
    @gameovers2569 Před 4 lety +4

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

    • @sunstudio3827
      @sunstudio3827 Před 4 lety +1

      Не очень понятный вопрос на самом деле. Вообще непонятный!

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

      Здравствуйте, Вячеслав
      Посмотрите, пожалуйста, информацию про шрифты для сайта на Тильде на странице help-ru.tilda.ws/fonts
      Если вы задаёте шрифт в настройках проекта, то он будет применяться для всех страниц и ко всем блокам.

    • @maxphts
      @maxphts Před 3 lety

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

  • @masterplus720
    @masterplus720 Před 2 lety

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

  • @user-mx8nb4qg9r
    @user-mx8nb4qg9r Před 2 lety

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

  • @an4ernova
    @an4ernova Před rokem

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

    • @TildaPublishing
      @TildaPublishing  Před rokem

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

  • @norfinukraine2450
    @norfinukraine2450 Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

  • @user-qz3cf7tv7w
    @user-qz3cf7tv7w Před 3 lety

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

  • @user-lv3yq2gw1c
    @user-lv3yq2gw1c Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

  • @redwood6806
    @redwood6806 Před 2 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 2 lety

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

  • @YuliyaGerts1
    @YuliyaGerts1 Před 2 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 2 lety

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

  • @kristushca28
    @kristushca28 Před 4 lety +1

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

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

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

    • @trenddecor19
      @trenddecor19 Před rokem

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

  • @indexzet
    @indexzet Před 3 lety +1

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

  • @ii-yj5qj
    @ii-yj5qj Před 2 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 2 lety +1

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

    • @ii-yj5qj
      @ii-yj5qj Před 2 lety

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

  • @larapuk6582
    @larapuk6582 Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

  • @pavelbukanyov8177
    @pavelbukanyov8177 Před 4 lety +6

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

  • @leveremin108
    @leveremin108 Před 3 lety +1

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

      Рекомендуем посмотреть запись вебинара на эту тему - czcams.com/video/OdrnvQViZxU/video.html

  • @Adelina_88
    @Adelina_88 Před rokem

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

    • @TildaPublishing
      @TildaPublishing  Před rokem

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

    • @Adelina_88
      @Adelina_88 Před rokem

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

    • @TildaPublishing
      @TildaPublishing  Před rokem +1

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

  • @olegpochtar5456
    @olegpochtar5456 Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

    • @Sbg1925
      @Sbg1925 Před 3 lety

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

  • @nazarznak7645
    @nazarznak7645 Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

    • @nazarznak7645
      @nazarznak7645 Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

    • @nazarznak7645
      @nazarznak7645 Před 3 lety

      @@TildaPublishing nazarznak686

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

  • @user-qx6gs8fz1u
    @user-qx6gs8fz1u Před 4 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

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

    • @user-qx6gs8fz1u
      @user-qx6gs8fz1u Před 4 lety

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

    • @user-bj5lb7kf1c
      @user-bj5lb7kf1c Před 3 lety

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

  • @flightperrita
    @flightperrita Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

    • @flightperrita
      @flightperrita Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

  • @_Al_Kuznec
    @_Al_Kuznec Před 4 lety

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

  • @dmitrypakseev7789
    @dmitrypakseev7789 Před 4 lety

    Подскажите, пожалуйста, как решить проблему с дёргающимся фоном?
    czcams.com/video/TCNUezzfsa8/video.html

    • @TildaPublishing
      @TildaPublishing  Před 4 lety +1

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

    • @dmitrypakseev7789
      @dmitrypakseev7789 Před 4 lety

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

  • @yuliyayugoncharova7047
    @yuliyayugoncharova7047 Před 3 lety +2

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

    • @samyetism3492
      @samyetism3492 Před 3 lety

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

  • @serhioramires3166
    @serhioramires3166 Před 2 lety

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

  • @donbotdonbot2522
    @donbotdonbot2522 Před 3 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

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

  • @user-rq3vi4oe7b
    @user-rq3vi4oe7b Před 2 lety

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

  • @JamesBond-jf4ni
    @JamesBond-jf4ni Před 2 lety

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

  • @JamesBond-jf4ni
    @JamesBond-jf4ni Před 2 lety

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