Макс Щукин — design by max
Макс Щукин — design by max
  • Видео 25
  • Просмотров 88 511
Закрытый клуб "Коднутые" для дизайнеров на Тильде
Всем привет)
В этом видео я рассказываю о закрытом клубе для дизайнеров на Тильде, который называется "Коднутые".
Если коротко, то в клубе я делюсь с вами подробными уроками по стилизации блоков в Тильде с помощью кода, и также даю уже готовые решения с кодом, которые вы можете применять в своих проектах
Ссылка на сайт клуба - club.dsgnmax.ru/
Написать мне о желании вступить в клуб - t.me/maksim_shukin
Телеграм-канал для дизайнеров - t.me/dsgnmax
Содержание:
00:00 Вступление
00:50 Личный кабинет
01:34 Вводный модуль
02:07 Модуль "Товары"
07:25 Модуль "Потоки"
08:25 Модуль "Корзина"
09:08 Модуль "Избранное"
10:00 Модуль "Поиск"
11:32 Модуль "Мастер-классы"
11:53 Раздел "Текстовый блок"
13:09 Раздел "Обратн...
Просмотров: 369

Видео

Иконки корзины и избранного в зеро-блоке Тильда
Просмотров 242Месяц назад
Научу в этом видео добавлять иконки корзины и избранного внутрь зеро блока, при этом настроить внешний вид элементов можно будет изменить через стандартный настройки Чат-предзаписи на последний поток курса по стилизации стандартных блоков: t.me/tilda_custom Ссылка на модификацию: dsgnmax.ru/useful/cart-fav-in-zero Телеграм-канал: t.me/dsgnmax Запрещёнограм: maxim_shukin Чат для об...
СТАНДАРТНЫЕ БЛОКИ НА ТИЛЬДЕ ПО WINDOW-КОНТЕЙНЕРУ
Просмотров 604Месяц назад
В этом видео я научу тебя подгонять любые стандартные блоки по window-контейнеру, которые будут подстраиваться под размер экрана Чат-предзаписи на последний поток курса по стилизации стандартных блоков: t.me/tilda_custom Ссылка на модификацию: dsgnmax.ru/useful/window-container Телеграм-канал: t.me/dsgnmax Запрещёнограм: maxim_shukin Чат для общения и помощи: t.me/dbmchat Заказать...
Кастомные табы на Тильде из стандартного блока
Просмотров 2,4 тыс.11 месяцев назад
Привет, в этом видео я научу тебя делать кастомные табы из стандартного блока ME602 Чат-предзаписи на мой интенсив: t.me/tilda_custom Ссылка на модификацию: dsgnmax.ru/useful/custom-me602 Телеграм-канал: t.me/dsgnmax Инстаграм: maxim_shukin Чат для общения и помощи: t.me/dbmchat Заказать разработку сайта: t.me/maksim_shukin
Своя иконка избранного в карточке товара в Тильде
Просмотров 1,1 тыс.Год назад
Привет! В этом видео я научу тебя добавлять свою иконку избранного в карточки товаров и менять её внешний вид при наведении Ссылка на модификацию: dsgnmax.ru/icon-favourite Телеграм-канал: t.me/dsgnmax Инстаграм: maxim_shukin Чат для общения и помощи: t.me/dbmchat Ссылки: dsgnmax.ru/link Заказать разработку сайта: t.me/maksim_shukin
Любое количество карточек в ряд в⦁блоках магазина на Тильде
Просмотров 2,2 тыс.Год назад
Привет! В этом видео я научу тебя делать любое количество карточек в ряд у блоков магазина, настраивать их размеры и отступы между ними, также покажу как добавить разрешение под 1920px для этих блоков. Ссылка на модификацию: dsgnmax.ru/useful/cards-row-shop Телеграм-канал: t.me/dsgnmax Инстаграм: maxim_shukin Чат для общения и помощи: t.me/dbmchat Ссылки: dsgnmax.ru/link Заказать ...
Как создать свою Lottie-анимацию в Figma и добавить на сайт в Тильде
Просмотров 6 тыс.Год назад
Привет! В этом видеоуроке я научу вас создавать классные lottie-анимации прямо в фигме, а затем добавлять их на сайте в тильде. Телеграм-канал: t.me/dsgnmax Инстаграм: maxim_shukin Чат для общения и помощи: t.me/dbmchat Ссылки: dsgnmax.ru/link Заказать разработку сайта: t.me/maksim_shukin
Увеличение карточек при наведении в стандартных блоках в Тильде | Tilda
Просмотров 3,3 тыс.Год назад
Привет! Сегодня будем увеличивать карточки стандартных блоков при наведении в Тильде. Ссылка на модификацию: dsgnmax.ru/scale-card-hover Мой телеграм-канал: t.me/dsgnmax Чат для общения и помощи: t.me/dbmchat Ссылки: dsgnmax.ru/link Заказать разработку сайта: t.me/maksim_shukin
Крутой переход между блоками в тильде
Просмотров 2,7 тыс.Год назад
Подписывайся на меня в инстаграме, чтобы не пропустить полезный контент по тильде и дизайну #shorts maxim_shukin
Анимированные иконки для твоего проекта | Добавление иконок в Тильду
Просмотров 2,4 тыс.Год назад
Привет, сегодня рассмотрим сервис lordicon, научимся выгружать анимацию разными способами, также добавлять иконки в зеро-блок на Тильде. Сервис с иконками: lordicon.com/ Мой сайт с модификациями: dsgnmax.ru/useful Мой телеграм-канал: t.me/dsgnmax Чат для общения и помощи: t.me/dbmchat Ссылки: dsgnmax.ru/link Заказать разработку сайта: t.me/maksim_shukin
Lottie-анимация в тильде
Просмотров 6 тыс.Год назад
Lottie-анимация в тильде
Суперэлипс в стандартных и зеро-блоках в Тильде
Просмотров 4,3 тыс.Год назад
Суперэлипс в стандартных и зеро-блоках в Тильде
Создай свой слайдер на Тильде из стандартных блоков
Просмотров 13 тыс.Год назад
Создай свой слайдер на Тильде из стандартных блоков
Необычное решение для Тильды | Перетаскивание элементов в zero-блоке
Просмотров 2 тыс.Год назад
Необычное решение для Тильды | Перетаскивание элементов в zero-блоке
3D-эффект для карточек стандартных блоков на Тильде | Tilda
Просмотров 2,4 тыс.Год назад
3D-эффект для карточек стандартных блоков на Тильде | Tilda
Анимация градиента у текста в Тильде
Просмотров 5 тыс.Год назад
Анимация градиента у текста в Тильде
Анимированная SVG-графика в Тильде | Часть 2 + Svgator
Просмотров 3,6 тыс.2 года назад
Анимированная SVG-графика в Тильде | Часть 2 Svgator
Добавление стрелок у стандартного слайдера TS104N на Тильде
Просмотров 3 тыс.2 года назад
Добавление стрелок у стандартного слайдера TS104N на Тильде
Крутой эффект при наведении на карточку, фиксированную при скролле на Тильде
Просмотров 15 тыс.2 года назад
Крутой эффект при наведении на карточку, фиксированную при скролле на Тильде
Анимированная SVG-графика в Тильде | Часть 1
Просмотров 6 тыс.2 года назад
Анимированная SVG-графика в Тильде | Часть 1

Комментарии

  • @mariabarysheva4844
    @mariabarysheva4844 День назад

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

  • @ajkpro368
    @ajkpro368 15 дней назад

    Почему на сайте они от края до края экрана, а в здесь примере 3 штуки?

    • @designmax
      @designmax 15 дней назад

      Там в коде есть настройка для этого

  • @ksusha_kaban
    @ksusha_kaban 18 дней назад

    ЧЕЛОВЕК. спасибо тебе за нормальный плагин и что ты инфо про него сюда вынес. Не могла в лотти эффектс сделать то, что надо. Тут - за 5 минут. Благодарю 😍😍

  • @KTanya91
    @KTanya91 23 дня назад

    А где взять код ля моего блока?

    • @designmax
      @designmax 22 дня назад

      На сайте все классы блоков, из которых можно с помощью этого кода сделать слайдер

  • @user-gm7cj5hq3h
    @user-gm7cj5hq3h 23 дня назад

    Спасииибо!

  • @eugennaumov1860
    @eugennaumov1860 26 дней назад

    Сколько стоит?

    • @designmax
      @designmax 26 дней назад

      Сегодня 4800, доступ навсегда, завтра повышение до 9900

  • @womankaaa
    @womankaaa Месяц назад

    а на кнопку не работает код?(

  • @BOGZevS
    @BOGZevS Месяц назад

    красава , лучший !

  • @subscribe833
    @subscribe833 Месяц назад

    А если у меня zero block, то как?

    • @designmax
      @designmax Месяц назад

      Через стандартную анимацию в зеро-блоке

  • @anastasia438
    @anastasia438 Месяц назад

    Карточка увеличивается, но с ней увеличивается и попап под этой карточкой. Как исправить, скажите пожалуйста?

  • @anastasia438
    @anastasia438 Месяц назад

    Работает, но очень глючно и портит весь сайт. Проще оставить 4 колонки

    • @designmax
      @designmax Месяц назад

      Что значит, работает глючно? Что именно работает не так?

    • @anastasia438
      @anastasia438 Месяц назад

      @@designmax перепроверю - напишу, так уже не помню. Пока что отключила функцию и занимаюсь другим на сайте)

    • @anastasia438
      @anastasia438 Месяц назад

      @@designmax возможно, мне не понравилось, что попап при наведении тоже увеличивается. В общем, попозже отвечу

  • @parakhina_natali
    @parakhina_natali Месяц назад

    Макс, спасибо большое! Очень полезно ❤

  • @user-es9ys6ft7d
    @user-es9ys6ft7d Месяц назад

    Это прекрасно! Спасибо огромное! Со слайдером действительно не работает, но можно включить пагинацию )

  • @eirirunna3053
    @eirirunna3053 Месяц назад

    Лайк за эфир! Спасибо!

  • @user-kz3rh6uc6r
    @user-kz3rh6uc6r Месяц назад

    Макс, привет. Код тоже не пошел. Как быть?

    • @user-kz3rh6uc6r
      @user-kz3rh6uc6r Месяц назад

      Все разобрался! Все работает. Спасибо за твой контент. Молоток!

  • @katerinamalozemova69
    @katerinamalozemova69 Месяц назад

    Круто! Спасибо, Макс!

  • @user-jk1lm3uv5n
    @user-jk1lm3uv5n Месяц назад

    Не работает со слайдером в потоках(

    • @designmax
      @designmax Месяц назад

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

  • @mashroom_space
    @mashroom_space Месяц назад

    Спасибо большое! Очень интересно и полезно !❤

  • @user-ft1hp3wd4p
    @user-ft1hp3wd4p Месяц назад

    а 3д элементы с помощью этого плагина нельзя анимировать?

    • @designmax
      @designmax Месяц назад

      Можно) нужно через after effects делать раскадровку и потом уже создавать из этих кадров json файл, он также будет отрабатывать, как на примере

    • @user-ft1hp3wd4p
      @user-ft1hp3wd4p 24 дня назад

      @@designmax ох емае...как всё сложно, у меня after effects нет и не будет, комп не тянет

    • @designmax
      @designmax 24 дня назад

      @@user-ft1hp3wd4p есть разные сервисы, которые из видео могут сделать json файл

  • @rinatsirazetdinov7474
    @rinatsirazetdinov7474 Месяц назад

    Спасибо, именно такого кода очень часто не хватало!

  • @Korobochkapro
    @Korobochkapro Месяц назад

    Спасибо за эфир, только посмотрела! Пошла и наконец записалась на обучение к Максу, давно хотела)

  • @sanitar_misley
    @sanitar_misley Месяц назад

    классная инструкция, спасибо за то, что ты делаешь

  • @ajkpro368
    @ajkpro368 Месяц назад

    Спасибо! И особое спасибо за запись! Я опоздал.

  • @medvedev_photo
    @medvedev_photo Месяц назад

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

  • @irina_85
    @irina_85 2 месяца назад

    Спасибо! Крутой код. Просто волшебство

  • @KuckaTV
    @KuckaTV 2 месяца назад

    2024 это работает?

    • @designmax
      @designmax 2 месяца назад

      Конечно работает)

    • @KuckaTV
      @KuckaTV 2 месяца назад

      @@designmax тогда я -криворучка, повторяя по-этапно уменя н получается ваш пример

    • @designmax
      @designmax 2 месяца назад

      @@KuckaTV если пример на сайте работает, то код для слайдера тоже)

  • @black2wh1te
    @black2wh1te 2 месяца назад

    Можно ли реализовать в этой модификации функцию автопролистывания с паузой при наведение на карточку? Получился бы универсальный блок

  • @e_maikov
    @e_maikov 3 месяца назад

    Макс по привычке провёл мастер класс)) кайф

  • @6yxouehot556
    @6yxouehot556 3 месяца назад

    Доброго времени суток! Возможно ли загрузить свой json файл в проигрыватель?

  • @user-er6wr1rq1r
    @user-er6wr1rq1r 3 месяца назад

    😂

  • @7emenovi4
    @7emenovi4 3 месяца назад

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

  • @arianaminosyan
    @arianaminosyan 4 месяца назад

    А такую анимацию можно в таплинк добавить?

    • @designmax
      @designmax 4 месяца назад

      С тарлинком не работаю) но думаю да, механика будет та же самая

  • @user-mr7eq5zy6q
    @user-mr7eq5zy6q 4 месяца назад

    все круто сработало! супер удобный способ) но вопрос, при настройке анимации по ховеру можно ли как-то добавить ссылку в html элемент? Чтобы по клику на этот элемент ссылка в новом окне открывалась

    • @designmax
      @designmax 4 месяца назад

      Да, можно, в зеро блоке в коде с Лотти-анимацией нужно прописать href="ссылка" target="_blank"

    • @user-mr7eq5zy6q
      @user-mr7eq5zy6q 4 месяца назад

      @@designmax спасибо большое!

  • @beaversupertooth
    @beaversupertooth 4 месяца назад

    пушка! спасибо

  • @slavkapiyavka
    @slavkapiyavka 4 месяца назад

    голос как у Грязного Луи! ставлю лукаса

    • @designmax
      @designmax 4 месяца назад

      Неожиданно))

  • @spv7-rudnyk
    @spv7-rudnyk 4 месяца назад

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

  • @Mnlghtbty
    @Mnlghtbty 4 месяца назад

    нету когда в телеге че за нае# -_-

  • @bichevitch
    @bichevitch 4 месяца назад

    Здравствуйте. А как сделать так чтобы их было не бесконечное кол-во?

  • @by_Anastaz
    @by_Anastaz 4 месяца назад

    спасибо, мучалась с этим диссонансом в 1200п относительно кастомных блоков. А что если мне еще нужны кнопки в карточках подробнее и купить, и чтобы поп ап открывался

    • @designmax
      @designmax 4 месяца назад

      Ну вообще они стандартно должны открываться)

  • @user-hl3zw9kn5v
    @user-hl3zw9kn5v 4 месяца назад

    Добрый день. Если включён автоскейл , то перестаёт работать код. Как это можно исправить?

  • @Crab_Cyborg
    @Crab_Cyborg 5 месяцев назад

    Супер круто, спасибо

  • @U.Kazinets
    @U.Kazinets 5 месяцев назад

    Привет, круто у меня работает !

  • @chillsongz5217
    @chillsongz5217 6 месяцев назад

    сделала точь в точь, но не получилось..

  • @Natural_RusandBel
    @Natural_RusandBel 6 месяцев назад

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

  • @dariak8672
    @dariak8672 6 месяцев назад

    Для блока потоков FD301 слайдер не будет работать, если взять классы для этого блока?

  • @volgutov_digital
    @volgutov_digital 6 месяцев назад

    Можно ли делать анимированные emoji для телеги по этому уроку?

    • @designmax
      @designmax 6 месяцев назад

      Думаю да, если сохранять в mp4, а потом конвертировать в webm формат