Боялся что за архив надо будет платить или скачивать его в телеграмм подписавшись на миллиард пабликов, но оказалось что ты просто классный чел который делится знаниями! Благодарочка! ❤
Автору огромное спасибо! Помню весь день убил чтобы сделать первый экран через проценты, но из-за этого анимации не работали и было не очень, а тут запустил скрипт, скопировал стили с консоли и вставил в код сайта - профит. От души, друг
Стас, огромное спасибо! Крайне полезный контент! Только жаль, что так редко. Наверное у тебя сейчас много заказов! Пожалуйста, не забывай про нас - простых сайтоделов)
Это просто что-то феноменальное, для меня это просто как революция на Тильде) Ты спас много крутых проектов этим видео!) Кстати, важное замечание для тех, кто будет пользоваться вторым вариантом. При использовании Page scale почему-то не работает Overflow, даже если в настройках стоит Visible. Будьте аккуратнее, а то я чуть не завтыкал с этим. Лучше использовать первый вариант
БЛиииииииин! Сегодня весь день мучался с резиновой версткой на работе и тут "БАА БААААХ" ОТ СТАСА! Ты вообще человек? По любому на марсе сидишь делаешь крутые вещи с Илоном Маском) !
ХЗ, создал зеро блок, вставил шейп с размерами 1920 на 1080, далее ниже как на видео добавил Т123, ввел код. И ничего не поменялось. Объекты как были ЗА границами экрана так и остались. Сделал все абсолютно как в видео, ничего не получилось. Наверно автор бредит
Ребят, для мобильной верстки тоже все работает, для этого: var myWidth = 1920 (1920 заменить на разрешение под которое вы верстаете, у меня это 360) var style = '@media screen and (min-width: 1920px) { '; (min-width: 1920px заменить на max-width: 980px, то есть на то разрешение, до которого хотите показывать мобильную версию. После отработки скрипта из консоли копируем стили, вставляем к себе и все супер быстро и гладко работает;) Как вставлять стили на видео объяснено
Господи, а я там скриптами выкручивался с отображением блоков в зависимости от разрешения, 4 одинаковых блока под разные разрешения.... Мужик ты просто такой нереальный красавчик, ашалеть просто, ты вообще понимаешь, что ты помогаешь людям деньги зарабатывать? Когда разбогатею закину тебе денег от души)
Здравствуйте! А почему некоторые элементы на сайте могут менять своё положение? То есть в самом редакторе зеро всё ок, а при публикации сайта элемент может находиться в другом месте? Как исправить? Что делать?
Это круто, реально, а что у нас с мобильными устройствами, как там это работает? В свое время дизайнил в Muse (как по мне там было более круче, чем в тилдьде, хоть он и с ошибками делал много) так вот там тоже можно было делать лбо дизайн отдельно под каждую страницу, либо что бы все было резиновым на любом устройстве, но чаще всего лучше блоки все-таки править в ручную под каждую версию, поскольку становится все мелким и десктопная версия сайта слишком мелкая на мобильном экране.
Мне вот интересно стало насколько подобные скрипты увеличивают длительность загрузки, по видео, как будто никак не влияет, но тут и объектов никаких, что будет с полноценным сайтом, на котором не 3 объекта, спасибо за ответ
Это очень круто ))) Есть пару вопросов 1)Можно это применить к стандартным блокам, если да то как ? 2)В зеро блоке если использовать перевод пиксели в проценты не переводиться форма, как это можно исправить ?
У всех блоков и всех элементов совершенно разные классы, id, они находятся в разных местах, и все это нужно учитывать и указывать. Нужно вручную указать скрипту, где искать позицию, ширину и высоту, фонтзайзы, скругления и т.п. КАЖДОМУ элементу в КАЖДОМ блоке. Сами понимаете, это долго) И именно поэтому этот способ, как я сказал, исключительно для тех, кто шарит в css и сможет дописать, в случае чего)
У меня проблема возникла, после того как код вставляю то на меньших размерах появляется пустое пространство на готовом сайте, а в редакторе все нормально, у кого так же было, как решили вопрос? если ни у кого не было, подскажите как фиксить, пожалуйста
Подскажите, пожалуйста, следующий момент - при вставке второго кода (который меньше) перестает работать оверхед функция, то есть элементы дизайна (фото, шейпы и т.д) больше не переходят на второй блок. Как это исправить? Код начисто отключает эту функцию. Заранее благодарю!
приколюха, конечно, классная, но во втором способе минусуется сразу ряд других скриптов (первый способ вообще не работает на экране 2560px, при уменьшении элементы просто улетают в жёпу): про паттерн на всю страницу пришлось забыть, также не работает код для карусели из зеро блока. в общем, вкусно, но грустно. может, кто сталкивался и подскажет, как можно это пофиксить?
А это еще актуально? Сейчас есть функция Scale Grid Container (beta) в Zero block. Это я так понял то же самое, если совместить с отключением мобильной версии для страниц?
Резинить код может на всех разрешениях, но я очень не советую использовать его для мобильных устройств. С уменьшением разрешения интерфейс будет становится все меньше и меньше, а пользователь не будет даже попадать пальцами по кнопкам
Я ещё не посмотрел видос но уже злой, что он не вышел раньше))) мы с 2мя многостраничными сайтами Е💋ЕМСЯ УЖЕ почти месяц и все равно костяки вылазят(((
Привет! Спасибо за такой крутой ролик! Попробовала у себя Scale-метод. Почему-то условие не выполняется, и он пилит уменьшение даже на экранах меньше 1200px. И адаптивы, которые я настроила, не подгружаются. Не знаешь, в чем может быть проблема?
Станислав, или ребята в комментариях, подскажите пожалуйста в чем проблема 🙏Сделала вариант "Page scale" и зумирование не работает на фон в зероблоке, в итоге на определенной ширине экрана выходит, что контент уменьшился, а фон нет, он получается длинной колбасой... Как можно это исправить?
подскажи пожалуйста, если у меня дизайн в 1200px (в коде ставлю тоже 1200) делаю эту штуку и у меня очень сильно уезжает на сайте всё, анимации, картинки, вообще все
Гениально! Стоит ли делать каждый проект таким образом, или есть какие-то недочёты, баги и прочее? И ещё вопрос: Как быть с первым вариантом, если у тебя многостраничный сайт? Или код проходит все страницы и стили тоже от всех страниц копируются?
Мой нейрокритик (прошлое видео) и annexx.wtf используют второй способ. Проблем не было. Даже степ бай степ анимация по скроллу должна работать нормально. Касаемо первого способа, он для тех, кто, в случае чего, сможет дописать css. Косяков не замечено, кроме перескоков строки, если контейнер слишком мал. Об этом я упомянул в видео. Я не адаптировал формы, потому что их там дохрена, галерею зеро блоковскую - тоже. Также скрипт не работает на стандартных блоках. Скрипт проходится только по той странице, на которой он находится. То есть для многостраничного сайта алгоритм таков: 1. Вставить код на нужную страницу, опубликовать. 2. Взять из консоли стили. 3. Добавить стили в настройки сайта в CSS, либо же в T123 блок на эту же страницу. 4. Удалить скрипт со страницы, чтобы он больше не мешал. 5. Вернуться к пункту 1 и повторить для следующей страницы
Классный способ, спасибо! Хотел спросить про Figma-2-Tilda, туда уже прикручен адаптив? Где можно посмотреть инструкцию, как готовить макеты для того чтобы автоматически в зеро-блоке создавалась мобильная версия?
Очень полезное видео, спасибо!! 🔥 Подскажи, пожалуйста, как можно сделать так чтобы в мобильной версии был такой же адаптив? ( Просто когда работаешь с текстом, если выставлять его по гриду, то он нормально смотрится на iPhone SE, но при этом на более больших разрешениях будет большое расстояние по краям. А если выставлять ширину текста в процентах, то по краям будет нормальное расстояние, в то время как расстояние между текстом и нижними элементами будет все время меняться)
Тут остаётся только css’ом подгонять, управлять шириной контейнера и размером текста. Верстку, которая сама подстраивается под размеры элементов, я ещё не пробовал)
Первый способ - Идеалити. Я сама обычно всё высчитываю в vw, vh (работа в Webflow), а тут это делают за тебя. А вы случаем сервис автоматического переноса в Webflow не планируете? Что думаете об Anima app? Пользуетесь?
Вебфлоу пока не смотрел. Но в планах. Тильде удобна в том плане, что она принимает параметры в том же формате, что выдаёт фигма. Насчёт вебфлоу - не знаю. Анима - лучшее из того, что я тестировал. Но код все равно не сравнится с тем, как если бы его писал человек. Аниму я бы использовал для презентаций проектов, возможно, когда сделать нужно было «ещё вчера». Аниму я использовал для создания интерфейса для расширения figma2tilda, которое сейчас в разработке. Применение найти можно, в общем
Скажи пожалуйста, а как перехитрить тильду, чтобы она планшет считала просто монитором поменьше и скейлила? Мне нужно сейчас быстро кое-что выкатить, а потом уже девайсы допиливать потихоньку (на мобилке заглушку поставлю)
С одной стороны это круто что показываешь всем такие фишки, включая и мне) С другой стороны думаю что приоткрываешь (или уже приоткрыл) ящик пандоры - всеми своими видео про такие крутые фишки ты впускаешь в среду веб-разработки людей, которые по сути не сильно то заморачиваются с качеством кода и соответствующей оптимизацией (не сильно думаю что средний пользователь тильды действительно так печется об этом). Снижается порог вхождения в эту область и демпингуется стоимость разработки, в целом разобщается конкуренция и создается лишняя, не надо заморачиваться и разбираться в коде, ведь есть копипаст)) То есть сайт может выглядеть круто, но при этом исполнен он будет не очень качественно. Понимаю что ты делаешь все для раскрутки своего канала, ты то парень умный и реально показываешь крутые фишки, у меня нет к тебе какого-то особенного негатива)) Просто портится общая каша, как-то так)
Спасибо за комментарий, соглашусь с тем, что я, ровно как и нолим с аннексом и другими приоткрываем шире двери для новичков и снижаем порог входа в разработку с использованием кода. Но я не вижу глобальной проблемы. Объясню. В самом низу цены, действительно, возможно, занижаются. Но на тех же фриланс биржах ещё до всей этой no code движухи на тильде сайты стоили дай бог 5к рублей. У тильды изначально низкий порог входа. Новички не только могут засрать проект кодами, но и спокойно зафакапить другие моменты (оптимизация, сео и т.д.). Так что скрипты в общем доступе не сильно влияют на общую картину, как я думаю. Клиент, который заказывает сайт у новичка по заниженной цене по определению не может надеяться, что абсолютно всё будет сделано идеально. Ситуация меняется на более высоком уровне. У людей появляются новые идеи, всё более красивые сайты, сообщество развивается, а не стагнирует. У опытных дизайнеров, которые понимают процесс работы в тильде, но которым не интересно изучение языков программирования, появляется возможность реализовать дизайн так, как ими было задумано, с теми фишками, которые были задуманы, всё меньше подстраиваясь под ограничения платформы. Мне интересно наблюдать, как разработчики скриптов конкурируют друг с другом, стараясь выпускать все больше крутых вещей, тем самым позволяя более опытным и знающим людям, которые не засрут проект бесполезными кодами, сделать более крутой продукт. Также развитие сервисов для генерации скриптов стимулирует некоторых людей обучаться дальше, наращивать опыт в более сложных вещах и поднимать свой прайс. Ведь, если код может сгенерировать даже новичок, то какой ты уникальный эксперт? Ты не уникальный, такой же, как все. Благодаря всему этому поднимается общий уровень качества. Я очень рад, что сообщество не стоит на месте, и мне крайне интересно наблюдать за его развитием
Добрый вечер. У меня небольшая проблема. В консоли вылезает ошибка Uncaught ReferenceError: $ is not defined at а именно в строке $(window).load(function() { как можно решить эту проблему?
Почему перестала работать эта штука 6:52 , раньше все было норм, теперь если удаляешь параметр конкретного элемента он все равно резинится? Что могло случиться?)
Единственный канал, который делает НАСТОЛЬКО годный контент. Почти всеми фишками из твоих роликов пользуюсь, это просто огонь)
Спасибо, это приятно слышать. Стараюсь постоянно удивлять)
ССЫЛКА БИТАЯ
СТАС , ТЕБЕ ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!!! ЭТО РЕАЛЬНО ОДНО ИЗ ГЛАВНЫХ СОБЫТИЙ ГОДА В ТИЛЬДЕ!!! МИЛЛИОН РАЗ ТЕБЕ ГОВОРЮ СПАСИБО!!! 👍👍👍👍👍👍👍
И тебе спасибо за такой эмоциональный комментарий👋😉
@@design_scripts да я вообще прыгаю от радости, я наверное больше всех здесь этого ждал)))
ССЫЛКА БИТАЯ
Наконец-то, я так долго этого ждал и мучался с этими window контейнирами и дублями блоков. Спасибо тебе большое человечище!!
Не по уведомлению, а по зову сердца)
Боялся что за архив надо будет платить или скачивать его в телеграмм подписавшись на миллиард пабликов, но оказалось что ты просто классный чел который делится знаниями! Благодарочка! ❤
снимаю шляпу, перед этим столь добрым джентельменом, помогло нереально
Огромное спасибо и низкий поклон за то, что расширяешь вселенную Тильды! Очень полезные и нужные видео!!
Станислав, ты крутой! Даешь так просто и легко материал, что любой может быстро стать спецом! Благодарю
Храни тебя бог!!!!!!! Сколько мы этого ждали 🥺🙏❤
Он, что, сын Илона Маска? Как иначе объяснить это??!?!?!?
Просто наслаждаюсь тем, чем занимаюсь)
Спасибо за крмментарий😉
Спасибо за видео! Все мы потихоньку начинаем любить код))
Расширение annex очень крутое, пользуюсь!
И тебе спасибо за комментарий. Рад, что мои старания не напрасны)
ну крууутяяяяк, спасибище просто невероятное!! я в восторге.
От души!! пол дня убила на утехи с autoscale, а оказалось, все настолько просто.
Боже, Станислав, ты чудо! Спасибо 💖
Автору огромное спасибо! Помню весь день убил чтобы сделать первый экран через проценты, но из-за этого анимации не работали и было не очень, а тут запустил скрипт, скопировал стили с консоли и вставил в код сайта - профит. От души, друг
А у меня в консоле пусто, не показывает стили.
Спасибо за этот полезный контент!!! Одним видео покорил мое ❤
Стас, огромное спасибо! Крайне полезный контент! Только жаль, что так редко. Наверное у тебя сейчас много заказов! Пожалуйста, не забывай про нас - простых сайтоделов)
Дружище, я готовлю для вас просто вынос мозга. Сайты уровня bruno-simon.com
ССЫЛКА БИТАЯ
@@design_scripts это разьёб
шок, это просто великолепно!!! Благодарю!
лучший, спасибо огромное, сохранил с помощью этого способа около 2 дней, еще раз, спасибо!
Это просто что-то феноменальное, для меня это просто как революция на Тильде) Ты спас много крутых проектов этим видео!)
Кстати, важное замечание для тех, кто будет пользоваться вторым вариантом.
При использовании Page scale почему-то не работает Overflow, даже если в настройках стоит Visible.
Будьте аккуратнее, а то я чуть не завтыкал с этим.
Лучше использовать первый вариант
МИЛЛИОН РАЗ СПАСИБО! ЭТО ОТКРЫТИЕ ДЛЯ МЕНЯ!
Мега полезное видео) обязательно попробую
У меня тоже все получилось! Дай бог тебе здоровья, милок!)))
Конечно лайк, спасибо за годноту.
Спасибо😉
Это просто божественно! Большое спасибо!
Спасибо за видео , колокольчик сегодня обрадовал :)
БЛиииииииин! Сегодня весь день мучался с резиновой версткой на работе и тут "БАА БААААХ" ОТ СТАСА! Ты вообще человек? По любому на марсе сидишь делаешь крутые вещи с Илоном Маском) !
Я сижу на сникерсе)
Пасиба за комментарий🤙
Вы делаете невероятно крутое дело. Спасибо!
Спасибо, стараюсь каждый раз удивлять)
Спасибо, как минимум стоит попробовать )
Спасибище тебе! Так давно такое искала!!!
Это ТОП контент! Это ТОП автор! Это ТОП канал! Просто всё и без "воды". Спасибо.
ХЗ, создал зеро блок, вставил шейп с размерами 1920 на 1080, далее ниже как на видео добавил Т123, ввел код.
И ничего не поменялось. Объекты как были ЗА границами экрана так и остались.
Сделал все абсолютно как в видео, ничего не получилось. Наверно автор бредит
jquery нужно подключить! Как только его подключил - всё заработало. Тоже не работал скрипт
А вот резиновый сайт как раз в тему, спасибо за информацию
Спасибо вам большое, я так давно об этом мечтала!!!!
Что ж, я рад, что ещё одна мечта исполнилась)
Огонь!!! Спасибо большое!
Ребят, для мобильной верстки тоже все работает, для этого:
var myWidth = 1920 (1920 заменить на разрешение под которое вы верстаете, у меня это 360)
var style = '@media screen and (min-width: 1920px) {
'; (min-width: 1920px заменить на max-width: 980px, то есть на то разрешение, до которого хотите показывать мобильную версию.
После отработки скрипта из консоли копируем стили, вставляем к себе и все супер быстро и гладко работает;)
Как вставлять стили на видео объяснено
првиет, а как подружить версии для пк и мобилок?
Господи, а я там скриптами выкручивался с отображением блоков в зависимости от разрешения, 4 одинаковых блока под разные разрешения....
Мужик ты просто такой нереальный красавчик, ашалеть просто, ты вообще понимаешь, что ты помогаешь людям деньги зарабатывать? Когда разбогатею закину тебе денег от души)
Здравствуйте! А почему некоторые элементы на сайте могут менять своё положение? То есть в самом редакторе зеро всё ок, а при публикации сайта элемент может находиться в другом месте? Как исправить? Что делать?
Спасибо огромное, это просто невообразимо
Добавь в описание реквизиты, грех тебя не поддержать. Гений 😅
Круто. Благодарю
Как всегда огонь!
Как всегда, спасибо за комментарий и приятные слова)
Ранок став просто ПРЕКРАСНИМ !!!! дуже дякую !!!!
Спасибо огромное, вещь очень нужная. Ток закончил резиновый сайт, насчитался вручную процентов)
В следующем проекте можете уже попробовать один из этих способов. Буду рад, если это, действительно, облегчит вам процесс разработки)
Это круто, реально, а что у нас с мобильными устройствами, как там это работает? В свое время дизайнил в Muse (как по мне там было более круче, чем в тилдьде, хоть он и с ошибками делал много) так вот там тоже можно было делать лбо дизайн отдельно под каждую страницу, либо что бы все было резиновым на любом устройстве, но чаще всего лучше блоки все-таки править в ручную под каждую версию, поскольку становится все мелким и десктопная версия сайта слишком мелкая на мобильном экране.
Это гениально! Как раз сейчас голову ломал, у заказчика экран мак бук огромный! Тильдовский сайт выглядит убого, и тут твоё видео! Бегу пробовать)
Мне вот интересно стало насколько подобные скрипты увеличивают длительность загрузки, по видео, как будто никак не влияет, но тут и объектов никаких, что будет с полноценным сайтом, на котором не 3 объекта, спасибо за ответ
Донат, однозначно! золотце просто
погорячилась ссыль на донат не работает, но я добро помню
Благодарность, благодарность и ещё раз благодарность!💯👏👍
Спасибо, рад, что вам понравилось)
У меня во вкладке Console нет ничего. Всё пусто.
Это очень круто )))
Есть пару вопросов
1)Можно это применить к стандартным блокам, если да то как ?
2)В зеро блоке если использовать перевод пиксели в проценты не переводиться форма, как это можно исправить ?
Было бы здорово адаптировать стандартные
@@edayrobotics6285 вот вот это бы сильно упростило работу
Согласен если такая возможность есть это бы ускорило работу, а так контент 🔥🔥🔥, спасибо
У всех блоков и всех элементов совершенно разные классы, id, они находятся в разных местах, и все это нужно учитывать и указывать.
Нужно вручную указать скрипту, где искать позицию, ширину и высоту, фонтзайзы, скругления и т.п. КАЖДОМУ элементу в КАЖДОМ блоке. Сами понимаете, это долго)
И именно поэтому этот способ, как я сказал, исключительно для тех, кто шарит в css и сможет дописать, в случае чего)
Спасибо! Отличная работа!
У меня проблема возникла, после того как код вставляю то на меньших размерах появляется пустое пространство на готовом сайте, а в редакторе все нормально, у кого так же было, как решили вопрос? если ни у кого не было, подскажите как фиксить, пожалуйста
Первый вариант хорош, но с анимацией начинаются большие проблемы особенно при скролле.
А как быть с формами обратной связи? код их сужает сильно, и друг на друга накладывает.
Спасибо. Очень классный контент у тебя
Спасибо, стараюсь удивлять)
Подскажите, пожалуйста, следующий момент - при вставке второго кода (который меньше) перестает работать оверхед функция, то есть элементы дизайна (фото, шейпы и т.д) больше не переходят на второй блок. Как это исправить? Код начисто отключает эту функцию.
Заранее благодарю!
Это шедеееевр!
Спасибо, отличный контент.
Вопрос: а как это отображается на мобильной версии?
спасибо за видео очень помогло
Плачу от счастья
приколюха, конечно, классная, но во втором способе минусуется сразу ряд других скриптов (первый способ вообще не работает на экране 2560px, при уменьшении элементы просто улетают в жёпу): про паттерн на всю страницу пришлось забыть, также не работает код для карусели из зеро блока. в общем, вкусно, но грустно. может, кто сталкивался и подскажет, как можно это пофиксить?
А это еще актуально? Сейчас есть функция Scale Grid Container (beta) в Zero block. Это я так понял то же самое, если совместить с отключением мобильной версии для страниц?
А резиниться будет на всех разрешениях одинаково или можно для мобильных отдельно настроить?
Резинить код может на всех разрешениях, но я очень не советую использовать его для мобильных устройств. С уменьшением разрешения интерфейс будет становится все меньше и меньше, а пользователь не будет даже попадать пальцами по кнопкам
Не смотрел на автоматом тебе лайкос и комментарий)
Скажи, когда виидос будет по адаптивам бота?
Следующий)
Во вторник-среду
@@design_scripts спасибо, буду жёстко ждать))
Скрипт пушка! Я правильно понимаю что элементы нужно позиционировать на "top" если использовать 2й вариант?
Блин, по-моему, без разницы, вообще😅
Я ещё не посмотрел видос но уже злой, что он не вышел раньше))) мы с 2мя многостраничными сайтами Е💋ЕМСЯ УЖЕ почти месяц и все равно костяки вылазят(((
Как тебя понимаю:D
Привет! Спасибо за такой крутой ролик! Попробовала у себя Scale-метод. Почему-то условие не выполняется, и он пилит уменьшение даже на экранах меньше 1200px. И адаптивы, которые я настроила, не подгружаются. Не знаешь, в чем может быть проблема?
Станислав, или ребята в комментариях, подскажите пожалуйста в чем проблема 🙏Сделала вариант "Page scale" и зумирование не работает на фон в зероблоке, в итоге на определенной ширине экрана выходит, что контент уменьшился, а фон нет, он получается длинной колбасой... Как можно это исправить?
СПАСИБО СПАСИБО И ЕЩЕ РАЗ СПАСИБО!!!!
Дякую дякую дякую!!!! Це дуже корисне відео
Очень классно, спасибо)) а подскажите пожалуйста, что за расширение у вас, чтобы менять разрешение окна?
window resizer
chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en
подскажи пожалуйста, если у меня дизайн в 1200px (в коде ставлю тоже 1200) делаю эту штуку и у меня очень сильно уезжает на сайте всё, анимации, картинки, вообще все
У меня все фигуры на зеро блоке выходят за границы шейпа даже после выравнивания, помогитеее
Гениально!
Стоит ли делать каждый проект таким образом, или есть какие-то недочёты, баги и прочее?
И ещё вопрос:
Как быть с первым вариантом, если у тебя многостраничный сайт?
Или код проходит все страницы и стили тоже от всех страниц копируются?
Мой нейрокритик (прошлое видео) и annexx.wtf используют второй способ.
Проблем не было. Даже степ бай степ анимация по скроллу должна работать нормально.
Касаемо первого способа, он для тех, кто, в случае чего, сможет дописать css.
Косяков не замечено, кроме перескоков строки, если контейнер слишком мал. Об этом я упомянул в видео. Я не адаптировал формы, потому что их там дохрена, галерею зеро блоковскую - тоже. Также скрипт не работает на стандартных блоках.
Скрипт проходится только по той странице, на которой он находится. То есть для многостраничного сайта алгоритм таков:
1. Вставить код на нужную страницу, опубликовать.
2. Взять из консоли стили.
3. Добавить стили в настройки сайта в CSS, либо же в T123 блок на эту же страницу.
4. Удалить скрипт со страницы, чтобы он больше не мешал.
5. Вернуться к пункту 1 и повторить для следующей страницы
@@design_scripts спасибо огромное!!
Это магия вне Хогвартса!!
За это в азкабан не отправят)
0:19 какой ты веб дизайнер? Ты просто Бог!
А как сделать чтобы под каждую мобилку так работало
Гений! Только есть вопрос, элементы нужно привязывать к грид контейнеру или виндовс? И игратся ли с выравниванием Left, Right?
Онли грид. Скрипт и сделан для того, чтобы не долбаться с виндоу и процентами.
Выравнивание не важно
Добрый день
Скажите пожалуйста, на данный момент это еще актуально или автоскейл делает по сути тоже самое?
Аналогичный вопрос
А ну автоскейл появился в октябре, а видос вышел в марте
Классный способ, спасибо!
Хотел спросить про Figma-2-Tilda, туда уже прикручен адаптив? Где можно посмотреть инструкцию, как готовить макеты для того чтобы автоматически в зеро-блоке создавалась мобильная версия?
Следующее видео на эту тему.
Вторник-среда в 9:00 по мск
Пока имеется только текстовая инструкция, которую я скидываю по вашему запросу
Круто! Спасибо!!!
В Тильде теперь Апскейл завезли)
Красавцы💪
У меня проблема, что стилей в console не видно вообще, какие-то ошибки только и все. Как решить кто знает?
ГЕНИАЛЬНО!)
Я старался)
Ссылка не работает, где можно взять эти скрипты? Спасибо
Использовала ваш скрипт, спасибо! очень круто! Но есть маленькая проблема, почему скрипт не действует на шрифт в форме и размер кнопки?
Прошу прощения, со scale все работает)
Очень полезное видео, спасибо!! 🔥 Подскажи, пожалуйста, как можно сделать так чтобы в мобильной версии был такой же адаптив? ( Просто когда работаешь с текстом, если выставлять его по гриду, то он нормально смотрится на iPhone SE, но при этом на более больших разрешениях будет большое расстояние по краям. А если выставлять ширину текста в процентах, то по краям будет нормальное расстояние, в то время как расстояние между текстом и нижними элементами будет все время меняться)
Тут остаётся только css’ом подгонять, управлять шириной контейнера и размером текста.
Верстку, которая сама подстраивается под размеры элементов, я ещё не пробовал)
@@design_scripts ладно, спасибо ))✨
Очень круто!!!
А под мобильные устройства будет сам адаптироваться?
Первый способ - Идеалити. Я сама обычно всё высчитываю в vw, vh (работа в Webflow), а тут это делают за тебя. А вы случаем сервис автоматического переноса в Webflow не планируете? Что думаете об Anima app? Пользуетесь?
Вебфлоу пока не смотрел. Но в планах.
Тильде удобна в том плане, что она принимает параметры в том же формате, что выдаёт фигма. Насчёт вебфлоу - не знаю.
Анима - лучшее из того, что я тестировал. Но код все равно не сравнится с тем, как если бы его писал человек. Аниму я бы использовал для презентаций проектов, возможно, когда сделать нужно было «ещё вчера».
Аниму я использовал для создания интерфейса для расширения figma2tilda, которое сейчас в разработке.
Применение найти можно, в общем
@@design_scripts Спасибо за ответ и за контент. Удачи в работе
Скажи пожалуйста, а как перехитрить тильду, чтобы она планшет считала просто монитором поменьше и скейлила? Мне нужно сейчас быстро кое-что выкатить, а потом уже девайсы допиливать потихоньку (на мобилке заглушку поставлю)
А на мобилку все самому? Как обычно? Верно?
Верно.
Можете, конечно, попробовать поменять цифру 1200 на 100 для теста, тогда сами увидите, почему мы не используем этот код для мобилок :)
Все круто, но я сделал ИМ и там есть стандартные блоки. Они не адаптируются и съезжают в бок
Спасибо тебе огромное.
Лучший :) спасибо
Слишком полезный контент)
Рад, что понравилось)
С одной стороны это круто что показываешь всем такие фишки, включая и мне) С другой стороны думаю что приоткрываешь (или уже приоткрыл) ящик пандоры - всеми своими видео про такие крутые фишки ты впускаешь в среду веб-разработки людей, которые по сути не сильно то заморачиваются с качеством кода и соответствующей оптимизацией (не сильно думаю что средний пользователь тильды действительно так печется об этом). Снижается порог вхождения в эту область и демпингуется стоимость разработки, в целом разобщается конкуренция и создается лишняя, не надо заморачиваться и разбираться в коде, ведь есть копипаст)) То есть сайт может выглядеть круто, но при этом исполнен он будет не очень качественно. Понимаю что ты делаешь все для раскрутки своего канала, ты то парень умный и реально показываешь крутые фишки, у меня нет к тебе какого-то особенного негатива)) Просто портится общая каша, как-то так)
Спасибо за комментарий, соглашусь с тем, что я, ровно как и нолим с аннексом и другими приоткрываем шире двери для новичков и снижаем порог входа в разработку с использованием кода.
Но я не вижу глобальной проблемы. Объясню. В самом низу цены, действительно, возможно, занижаются. Но на тех же фриланс биржах ещё до всей этой no code движухи на тильде сайты стоили дай бог 5к рублей. У тильды изначально низкий порог входа.
Новички не только могут засрать проект кодами, но и спокойно зафакапить другие моменты (оптимизация, сео и т.д.). Так что скрипты в общем доступе не сильно влияют на общую картину, как я думаю.
Клиент, который заказывает сайт у новичка по заниженной цене по определению не может надеяться, что абсолютно всё будет сделано идеально.
Ситуация меняется на более высоком уровне. У людей появляются новые идеи, всё более красивые сайты, сообщество развивается, а не стагнирует.
У опытных дизайнеров, которые понимают процесс работы в тильде, но которым не интересно изучение языков программирования, появляется возможность реализовать дизайн так, как ими было задумано, с теми фишками, которые были задуманы, всё меньше подстраиваясь под ограничения платформы.
Мне интересно наблюдать, как разработчики скриптов конкурируют друг с другом, стараясь выпускать все больше крутых вещей, тем самым позволяя более опытным и знающим людям, которые не засрут проект бесполезными кодами, сделать более крутой продукт.
Также развитие сервисов для генерации скриптов стимулирует некоторых людей обучаться дальше, наращивать опыт в более сложных вещах и поднимать свой прайс. Ведь, если код может сгенерировать даже новичок, то какой ты уникальный эксперт? Ты не уникальный, такой же, как все.
Благодаря всему этому поднимается общий уровень качества.
Я очень рад, что сообщество не стоит на месте, и мне крайне интересно наблюдать за его развитием
Добрый вечер. У меня небольшая проблема. В консоли вылезает ошибка Uncaught ReferenceError: $ is not defined
at
а именно в строке $(window).load(function() {
как можно решить эту проблему?
Включите jquery в настройках сайта
Почему перестала работать эта штука 6:52 , раньше все было норм, теперь если удаляешь параметр конкретного элемента он все равно резинится? Что могло случиться?)
А вы удалили скрипт, который генерирует css? Он встраивает сгенерированный css в head страницы
@@design_scripts ой блин точно. Спасибо Стас! Побежал делать!!!)