youx.agency | All About Web Design
youx.agency | All About Web Design
  • 13
  • 80 061
ЗАЧЕМ БРИФ: Как правильно составить бриф для разработки сайта.
В новом ролике подробно расскажу, зачем необходим бриф при разработке сайта и как правильно его составить. Видео разговорное, не претендует на идеальный бриф, все персонажи вымышлены, сходства случайны.
Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy
В этом видео:
1️⃣ Почему бриф - неотъемлемая часть успешного запуска сайта?
2️⃣ Какие элементы должны входить в бриф для разработки сайта?
3️⃣ Как избежать расхождений между вашим видением и восприятием разработчика?
Разберем шаг за шагом все нюансы и дам полезные советы по созданию брифа.
Если вам важна успешная реализация вашей идеи в онлайн-пространстве, этот ролик для вас! Подписывайтесь, ставьте лайк и делись этим видео.
Ссылка на пример для работы:
tinyurl.com/4sapcx4a
Ссылка на бриф для ИМ:
tinyurl.com/mw5k8ddf
Ссылка на наш бриф:
youx.agency/brif
Чат для общения и помощи:
t.me/youxsupport
#ВебРазработка #СозданиеСайта #Бриф
มุมมอง: 284

วีดีโอ

Видео-урок: Двойные табы Тильда | Модификации youx.agency
มุมมอง 1.1K8 หลายเดือนก่อน
Да, это двойные табы для переключения зеро-блоков. Заранее прошу прощения, первый ряд табов всего 2 (Две) кнопки, мы делали скрипт под один из наших проектов. Пожалуйста подождите, мы доработаем и на сайте рядом разместим решение для большего кол-ва кнопок. Код помогает вывести 2 ряда табов и переключать зеро блоки еще сложнее, круче, больше, ехааааа. Мучайтесь Страница с модификацией: youx.age...
SHOWREEL 2023 | YOUX.AGENCY #digitalmarketing #webdevelopment
มุมมอง 70911 หลายเดือนก่อน
Юкс это молодая дизайн-компания творческих энтузиастов с предпринимательским мышлением. Культивируем качество, сервис и дедлайны. Мы разрабатываем и проектируем современные сайты, через веб решаем проблемы малого бизнеса и даем второе дыхание компаниям в сети Интернет. За 3 года работы в нашем портфолио более 85 современных крутых проектов в разных нишах: строительство, ресторанный бизнес, рите...
Как правильно верстать сайт на Тильда в процентах | youx.agency
มุมมอง 1.5Kปีที่แล้ว
Как правильно верстать сайт на Тильда в процентах ? Изи В этом видео я покажу как грамотно адаптировать сайт на Тильда, использую процентное соотношение размеров блоков и отступов между ними. Сможем растягивать наш блок, при этом все элементы внутри будут пропорционально увеличиваться или уменьшаться. Раз и навсегда запомним правила верстки в процентах, выучим новый навык и будем круто верстать...
CAFEOMO | Кастомные табы для каталога товаров на сайте Tilda
มุมมอง 13Kปีที่แล้ว
В этом видео я решил поделиться реализацией решения переключения кастомных табов для товарного меню на сайте cafeomo. Пошаговый видео-урок как это работает, как это сделать самостоятельно и разместить на любом другом сайте. Вы можете больше, чем вы думаете, выходите за рамки стандартных возможностей, экспериментируйте и создавайте крутые проекты. Поехали Код для вставки: (Нужно разместить в sty...
Добавляем кнопку "Назад" на сайт Тильда
มุมมอง 2.9Kปีที่แล้ว
Кнопка вернуться "Назад" для страницы Тильда Простой способ добавить кнопку "Назад" и в 1 клик быстро вернуться на предыдущую страницу Страница с модификацией: youx.agency/knopka-vernutsya-nazad-tilda Инструкция к видео: 1. Добавьте кнопку в zero блок 2. Вставьте ссылку в кнопку #turnback. Либо просто javascript:history.back(); без кода 3. Вставьте код ниже в блок "T123" Поблагодарить автора: w...
Выпадающее меню второго уровня в zero блок Тильда | youx.agency
มุมมอง 11Kปีที่แล้ว
Расскажу вам как добавить крутое выпадающее меню второго уровня в zero блок на платформе Тильда. Кастомный код для добавления выпадающего zero блок для вашего меню на сайт Тильда. Показываем меню при наведнии Страница с модификацией: youx.agency/vypadayushhee-menyu-vtorogo-urovnya-v-zero-blok Инструкция к видео: 1.Добавьте ссылку кнопке в вашем меню #youxmenu и создайте новый зеро блок 2. Встав...
Как добавить табы Тильда v.2 | Переключение зеро блок
มุมมอง 15Kปีที่แล้ว
ППереключение зеро блок в Тильда с помощью кнопок Данный код помогает переключать несколько зеро блоков на странице при нажатии на свои кнопки. Обновленный, простой и 100% рабочий способ. Страница с модификацией: youx.agency/pereklyuchenie-neskolkikh-zero-blok-cherez-knopki-v2 Инструкция к видео: 1. Создайте кнопки и присвойте каждой класс .tab-btn 2. Вставьте ссылки в каждую кнопку #tab1, #tab...
Переключение зеро-блок с помощью табов/вкладок в Тильда
มุมมอง 14Kปีที่แล้ว
Переключение нескольких zero-block через свои кнопки Данный код помогает добавить свои кастомные табы и переключать несколько zero-блоков при нажатии. Также есть возможность добавить кастомные стрелки. Страница с модификацией: clck.ru/34BMa5 Инструкция к видео: 1. Добавьте zero-блок, наполните контентом и создайте несколько кнопок с классом: tab_btn 2. Добавьте 2 иконки стрелок с классами left_...
Как сделать фиксированную кастомную кнопку в Tilda
มุมมอง 6Kปีที่แล้ว
Как сделать фиксированную кастомную кнопку в Tilda Страница с модификацией: youx.agency/kak-sdelat-fiksirovannuyu-kastomnuyu-knopku Инструкция к видео: 1. Создайте зеро блок и поставьте параметр "visible", высоту 0 px, уберите фон 2. Создайте свою кнопку в Zero Block 3. Добавь блок HTML и вставь код ниже, замените ID zero-блока на свой Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy Наше со...
Показываем скрытый блок при нажатии на кнопку Тильда
มุมมอง 6Kปีที่แล้ว
Данный код помогает показать скрытый блок, по нажатию на кнопку. Повторное нажатие скроет блок обратно. Страница с модификацией: youx.agency/pokazyvaem-skrytyj-blok-po-nazhatiyu-na-knopku-v-tilda Инструкция: 1) Создайте кнопку и вставили в нее ссылку : #primer 2) Вставьте код ниже в блок "T123" 3) Поменяйте значение ID zero-блока на свои Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy Наше ...
Как добавить эффект увеличения при наведении на фото в Тильда
มุมมอง 7Kปีที่แล้ว
Рассказываем и показываем как добавить интересные эффекты при наведении на ваше изображение в зеро блок Тильда. Страница с модификацией: youx.agency/9-hover-effects-dlya-izobrazhenij-na-tilda Инструкция к видео: 1. Вставьте фото в zero-блок и присвойте ему class : zoomon 2. Выберите номер эффекта на фото, который вам понравился по кнопке "Смотреть примеры" 3. Вставьте код ниже в блок "T123" на ...
Показываем уведомление при добавлении товара в корзину Тильда
มุมมอง 1.3Kปีที่แล้ว
Всем привет, на связи YOUX Agency. Сегодня поговорим с вами о том, как создать кастомное уведомление о добавлении товара в корзину на Тильда. Страница с модификацией: youx.agency/pokazyvaem-uvedomlenie-posle-dobavleniya-tovara-v-korzinu Инструкция к видео: 1. Создайте кнопку "Добавлено в корзину" в необходимом месте и присвойте ей класс ' infotext ' 2. Скопируйте код №1 и вставьте в блок "T123"...

ความคิดเห็น

  • @user-tr6ux7yw4z
    @user-tr6ux7yw4z 17 ชั่วโมงที่ผ่านมา

    Добрый день! Спасибо за урок, все понятно объяснили, у меня получилось. Вот только есть одно "но": при открытии страницы блок раскрытый. Подскажите, пожалуйста, почему может так происходить?

  • @dmitriiskalatkii2734
    @dmitriiskalatkii2734 8 วันที่ผ่านมา

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

    • @youxagency
      @youxagency 8 วันที่ผ่านมา

      Склоняюсь больше к специфике оптимизации Тильда скрытых блоков. Не думаю что проблема в скрипте

  • @Masha__mu
    @Masha__mu 8 วันที่ผ่านมา

    Добрый день! Повторила все точь в точь, кнопка появляется при скролле только в середине последнего блока. Как это исправить?

  • @user-mb4hi9bq6g
    @user-mb4hi9bq6g 11 วันที่ผ่านมา

    Автор не сказал (или я не услышал), что нужно в настройках включить jQuery, без нее не работает!

    • @youxagency
      @youxagency 9 วันที่ผ่านมา

      Да, все верно. Из-за этого может не работать половина скриптов. Автор не сказал, потому что Тильда выкатила обновление это месяц назад насколько я знаю

  • @vetasokolova9550
    @vetasokolova9550 13 วันที่ผ่านมา

    ПОДСКАЖИТЕ ПОЖАЛУЙСТА!! загрузила всё как надо, все супер! НО! я поставила вместе кнопки фото, и у него появляется черная обводка в начале и если нажать два раза на кнопку тоже появляется, как избавиться? 🙏🏻🙏🏻🙏🏻

  • @user-ku3oi2ko9s
    @user-ku3oi2ko9s 15 วันที่ผ่านมา

    Скажите, пожалуйста, эту кнопку в зеро блоке надо расположить на каждой странице? У меня интернет магазин и я сделала каждую карточку товара в блоке st200 на отдельной странице. Я Расположила в хедере кнопку назад и ее почему то не видно, когда я перехожу в карточку товара🤷‍♀️

  • @Anastasia-zn6bo
    @Anastasia-zn6bo 16 วันที่ผ่านมา

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

  • @user-gj8go9vt3b
    @user-gj8go9vt3b 23 วันที่ผ่านมา

    у меня тоже проблема, все zeroblocki видны при публикации видны из за чего это может быть?

  • @maomao5645
    @maomao5645 27 วันที่ผ่านมา

    Не пойму делаю все точно так но не получается 😪, блок исчезает но при клике на кнопку ничего не происходит

  • @eichend7421
    @eichend7421 หลายเดือนก่อน

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

  • @siranatitareva1525
    @siranatitareva1525 หลายเดือนก่อน

    Подскажите, как сделать чтоб кнопка текст меняла или исчезала?

  • @inessmess5584
    @inessmess5584 หลายเดือนก่อน

    У меня, к сожалению, не работает код (сделала все как в инструкции). У меня 2 блока так и стоят друг за другом при опубликовании. почему так может быть?

    • @youxagency
      @youxagency หลายเดือนก่อน

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать

  • @AleshaAle
    @AleshaAle หลายเดือนก่อน

    спасибо! а можно ли както без T123 который к ссожалению платный

    • @youxagency
      @youxagency หลายเดือนก่อน

      В Тильда нет платных блоков, если подписку продлевать. Все модификации работают только при оплаченном тарифе Тильда

    • @AleshaAle
      @AleshaAle หลายเดือนก่อน

      @@youxagency спасибо за ответ. Я это и имела ввиду, что нужна платная подписка. Я просто хотела потренироваться и поэкспериментировать бесплатно 😉 но это не совсем возможно 🤔

  • @eichend7421
    @eichend7421 หลายเดือนก่อน

    это прикол какой то) пееребровал все ваши коды 1 в 1 по переключению табов, никакой не работает

    • @youxagency
      @youxagency หลายเดือนก่อน

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать

    • @eddemidov
      @eddemidov 26 วันที่ผ่านมา

      @@youxagency Получилось, благодарю!

  • @user-ku3oi2ko9s
    @user-ku3oi2ko9s หลายเดือนก่อน

    Очень очень вас прошу🙏🏻как скрыть блок ME603 на мобильной версии? Вы не могли бы прописать style🙏🏻🙏🏻🙏🏻 На декстопе все отлично работает! Спасибо

  • @user-ku3oi2ko9s
    @user-ku3oi2ko9s หลายเดือนก่อน

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

  • @OlgaKazarnovskaya
    @OlgaKazarnovskaya หลายเดือนก่อน

    Спасибо, вы сильно помогли!

  • @norfinukraine2450
    @norfinukraine2450 หลายเดือนก่อน

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

    • @youxagency
      @youxagency หลายเดือนก่อน

      Создать меню для товаров отдельно вывести и туда зеро-блок с кнопкой назад

  • @kristyroxy
    @kristyroxy หลายเดือนก่อน

    Ребятушки, старый код на одном сайте работает отлично, но на новом старый и новый не работают, только скрывают сам блок на странице, но всплывашка нет( В чём может быть беда? Подскажите, пожалуйста, всю голову сломала.

    • @АнастасияКилис
      @АнастасияКилис หลายเดือนก่อน

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

    • @youxagency
      @youxagency หลายเดือนก่อน

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать Также следует проверить ограничение видимости блока, с ним скрипты многие не работают. И код в самый низ необходимо вставить

    • @filmserials-pixel
      @filmserials-pixel 15 วันที่ผ่านมา

      @@АнастасияКилис Перейдите в настройки своего проекта на Тильде. Откройте раздел «Ещё». Пролистайте до середины. Поставьте галочку напротив «Подключить jQuery на страницах сайта». Сохраните настройки. Переопубликуйте все страницы сайта на всякий случай.

  • @svetlanapozuban2494
    @svetlanapozuban2494 หลายเดือนก่อน

    Код нерабочий

    • @youxagency
      @youxagency หลายเดือนก่อน

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать

    • @svetlanapozuban2494
      @svetlanapozuban2494 หลายเดือนก่อน

      @@youxagency спасибо, у меня он включен

  • @mikhailminyaev862
    @mikhailminyaev862 หลายเดือนก่อน

    Спасибо. Полезная информация!

  • @norfinukraine2450
    @norfinukraine2450 หลายเดือนก่อน

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

  • @user-ei8hw6lw9l
    @user-ei8hw6lw9l หลายเดือนก่อน

    У меня вопрос немного не по теме: как вы изменили интерфейс менюшек в Тильде. У Вас белые надписи на чёрном фоне. Я сам искал как это сделать, не получилось. Если не жалко поделитесь.

    • @youxagency
      @youxagency หลายเดือนก่อน

      Открываем зеро-блок любой, настройки зеро-блок в самом низу панели управления, вид интерфейса, темная тема

  • @udegdrovaker
    @udegdrovaker 2 หลายเดือนก่อน

    Жаль что при использовании такой схемы переключения табов не работает анимация появления товаров. Может есть дополнительный код?

  • @denismedvedev4384
    @denismedvedev4384 2 หลายเดือนก่อน

    Здравствуйте, скрипт скрывает zeroblock меню, но не вытаскивает его. То есть, ничего не происходит.

    • @youxagency
      @youxagency 2 หลายเดือนก่อน

      @@denismedvedev4384 все работает как часы, внимательно все по инструкции сделайте еще раз. Видимость блоков не ограничивайте и кол в самый низ

    • @denismedvedev4384
      @denismedvedev4384 2 หลายเดือนก่อน

      @@youxagency Вот и странно. Инструкция исчерпывающая. Ошибиться невозможно. Видимость блоков не ограничена, по умолчанию 1200px. Что значит "кол в самый низ"? Открывал страницу в Chrome (новых обновлений пока не требует), и Yandex.

    • @davidkvachadze8365
      @davidkvachadze8365 หลายเดือนก่อน

      @@denismedvedev4384 у меня тоже не работает

    • @Famousunshane
      @Famousunshane หลายเดือนก่อน

      JQuery Больше с тильдой не работает. Тильда теперь на чистом JavaScript. Код другой сейчас, либо подключать jQuery отдельно

    • @Famousunshane
      @Famousunshane หลายเดือนก่อน

      <style> /* Скрываем наши блоки по ID */ #rec562720903 { display: none; /* Скрыто по умолчанию */ transition: all 0.5s ease; /* Плавный переход для отображения */ } </style> <script> document.addEventListener("DOMContentLoaded", function() { var showTimeoutId; var hideTimeoutId; var menuTrigger = document.querySelector('[href="#youxmenu"]'); var dropdownMenu = document.getElementById('rec562720903'); // Показываем меню при наведении на кнопку menuTrigger.addEventListener('mouseenter', function() { showTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'block'; // Показываем меню dropdownMenu.classList.add('open'); // Добавляем класс для стилей, если нужно }, 500); }); // Скрываем меню при уходе курсора menuTrigger.addEventListener('mouseleave', function() { clearTimeout(showTimeoutId); hideTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'none'; // Скрываем меню dropdownMenu.classList.remove('open'); // Убираем класс }, 200); }); // Отменяем таймеры при наведении на выпадающий блок dropdownMenu.addEventListener('mouseenter', function() { clearTimeout(showTimeoutId); clearTimeout(hideTimeoutId); }); // Скрываем меню при уходе курсора с выпадающего блока dropdownMenu.addEventListener('mouseleave', function() { hideTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'none'; // Скрываем меню dropdownMenu.classList.remove('open'); // Убираем класс }, 200); }); }); </script>

  • @doxer8459
    @doxer8459 2 หลายเดือนก่อน

    У меня не получается, хоть все по видео делаю:(

    • @youxagency
      @youxagency 2 หลายเดือนก่อน

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

  • @igr3943
    @igr3943 2 หลายเดือนก่อน

    До сих пор все актуально и работает без проблем! Решение элегантно простое и действенное! Спасибо и от души =)

  • @user-hu1cg5gz1u
    @user-hu1cg5gz1u 2 หลายเดือนก่อน

    Подписка оплачена!не работает.Все по инструкциям.Все блоки видны сразу.

  • @user-zj4nr4mw9e
    @user-zj4nr4mw9e 3 หลายเดือนก่อน

    А как сделать добавление товара количество + 1

  • @postcardsandroses
    @postcardsandroses 3 หลายเดือนก่อน

    огромное спасибо!! все заработало

  • @user-kd3nc6wp1y
    @user-kd3nc6wp1y 3 หลายเดือนก่อน

    Объяснеия супер!:)) пасиба

  • @PrintoffMO
    @PrintoffMO 3 หลายเดือนก่อน

    Очень круто спасибо!

  • @natali_kolodkina
    @natali_kolodkina 3 หลายเดือนก่อน

    код из описания к видео не работает, блок не скрывается. Я ввела вручную код стиля, как на экране в видео, и тоже не скрывается. Что делать???

    • @youxagency
      @youxagency 3 หลายเดือนก่อน

      <style> Стиль блока который нужно скрыть { position: absolute; left: -9999px; } </style>

  • @crn05
    @crn05 3 หลายเดือนก่อน

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

  • @natali_tochonaya
    @natali_tochonaya 3 หลายเดือนก่อน

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

    • @youxagency
      @youxagency 3 หลายเดือนก่อน

      В теории да, надо пробовать

  • @Zarabot2024
    @Zarabot2024 3 หลายเดือนก่อน

    А как это проработать под мобилку ?)

    • @youxagency
      @youxagency 3 หลายเดือนก่อน

      Под моб надо действие по клику делать код, в примере при наведении

  • @alexandrastroganova8625
    @alexandrastroganova8625 4 หลายเดือนก่อน

    Привет, благодарю! ❤ Скажи, пожалуйста, как ты скруглил углы у фото карточек товара?

  • @RegArts-fr7vy
    @RegArts-fr7vy 4 หลายเดือนก่อน

    Как сделать табы на мобильную версию выпадающим списком? (у меня 10 табов, и их в мобильный дизайн в 3-4 строки ой как не хочется лепить (в моем случае нельзя использовать стандартный блок, где на мобильной версии встроен выпадающий список, только через зеро блок) посмотрела 20+ видео на эту тему, и никто не ответил на этот вопрос Если поможете, большущее спасибо

  • @blacksharksTV
    @blacksharksTV 4 หลายเดือนก่อน

    Подскажите пожалуйста как сделать перемотку к якорнгй ссылке при нажатии таб 1 таб 2... и чтоб кнопки таб1-5 были всегда видны?

  • @user-im1js6kf6x
    @user-im1js6kf6x 4 หลายเดือนก่อน

    спасибо за код! но вот проблема: когда хочешь перезагрузить страницу, то появляются все табы сразу, а при выборе кнопки сразу становится нормально

  • @diana_ammar
    @diana_ammar 4 หลายเดือนก่อน

    Спасибо вам большое, очень помогли!

  • @v___v-ky2bw
    @v___v-ky2bw 4 หลายเดือนก่อน

    супер! а можно сделать так, чтобы на странице повторялась ситуация? Например я хочу два таких блока сделать с табами, но разное наполнение?

    • @youxagency
      @youxagency 4 หลายเดือนก่อน

      Да, можно. Скопировать код повторно и поменять например #tar1, #tar2 и классы для блоков uc-tar1 и так далее

  • @user-dl3te2fr8r
    @user-dl3te2fr8r 5 หลายเดือนก่อน

    А как эти табы анимировать ?

  • @user-ns1ln7sg9k
    @user-ns1ln7sg9k 5 หลายเดือนก่อน

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

  • @user-le4qg3hw5g
    @user-le4qg3hw5g 5 หลายเดือนก่อน

    Не работает галерея (не видно первую картику), если она лежит в табе. Если не в табе, то все работает

  • @user-qw3qd9nc2z
    @user-qw3qd9nc2z 5 หลายเดือนก่อน

    не могу понять где отключить блок с тобами МЕ603 что вставлять и как это сделать не догоняю попомгите пожалуйста чтоб убрать блок

  • @Elena.kanareika
    @Elena.kanareika 5 หลายเดือนก่อน

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

  • @adewki9066
    @adewki9066 5 หลายเดือนก่อน

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

  • @kato.technobog
    @kato.technobog 6 หลายเดือนก่อน

    Подскажите, пожалуйста, а где можно найти 2ую часть кода для фиксации

  • @dsol.leningradec
    @dsol.leningradec 6 หลายเดือนก่อน

    Огромное спасибо за код! Все работает идеально! И спасибо за то, что делитесь такими полезными штуками. Всегда все очень понятно, эстетично и доступно 👍👍