![Рекламное агентство PIRANIA](/img/default-banner.jpg)
- 914
- 87 107
Рекламное агентство PIRANIA
Russia
เข้าร่วมเมื่อ 18 ม.ค. 2021
🌟 Добро пожаловать на наш TH-cam канал! 🌟
🤗Присоединяйтесь к нашему захватывающему путешествию в мир веб-технологий, дизайна, бизнеса и развлечений.
🕣Вот наше ежедневное расписание:
9:00 - "Мир Кодинга" 🖥💻(ПН-ВСК)
Наши веб-программисты делятся секретами веб-разработки. От технических нюансов до продвинутых трюков.
11:00 - "Дизайн с Вкусом" 🎨👩🎨(ВТ, ЧТ, ВСК)
Веб-дизайнеры раскрывают все тонкости работы в Figma и других инструментах. Погрузитесь в мир эстетики и креатива.
13:00 - "Кейсы Успеха" 💼🚀 (ВТ)
Рассмотрим успешные проекты нашей компании. Все о сайтах, продвижении и SEO.
15:30 - "Бизнес-Гид" 📈🤝(СР, ПТ)
Полезные советы и информация для предпринимателей.
18:00 - "Технологии Завтрашнего Дня" 🤖🌐(ПН-ВСК)
Исследуем мир нейросетей и новых технологий.
20:30 - "Вечерний Юмор" 😄🎉(СБ)
Развлечения и приколы, связанные с предпринимательством и нашей сферой. Заканчивайте день с улыбкой!
Подписывайтесь, комментируйте, делитесь с друзьями - вместе мы сможем больше! 🌟
🤗Присоединяйтесь к нашему захватывающему путешествию в мир веб-технологий, дизайна, бизнеса и развлечений.
🕣Вот наше ежедневное расписание:
9:00 - "Мир Кодинга" 🖥💻(ПН-ВСК)
Наши веб-программисты делятся секретами веб-разработки. От технических нюансов до продвинутых трюков.
11:00 - "Дизайн с Вкусом" 🎨👩🎨(ВТ, ЧТ, ВСК)
Веб-дизайнеры раскрывают все тонкости работы в Figma и других инструментах. Погрузитесь в мир эстетики и креатива.
13:00 - "Кейсы Успеха" 💼🚀 (ВТ)
Рассмотрим успешные проекты нашей компании. Все о сайтах, продвижении и SEO.
15:30 - "Бизнес-Гид" 📈🤝(СР, ПТ)
Полезные советы и информация для предпринимателей.
18:00 - "Технологии Завтрашнего Дня" 🤖🌐(ПН-ВСК)
Исследуем мир нейросетей и новых технологий.
20:30 - "Вечерний Юмор" 😄🎉(СБ)
Развлечения и приколы, связанные с предпринимательством и нашей сферой. Заканчивайте день с улыбкой!
Подписывайтесь, комментируйте, делитесь с друзьями - вместе мы сможем больше! 🌟
Как создать прототип сайта для автосервиса с помощью Midjourney и ChatGPT
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (midjourney.com/) и ChatGPT (chatgpt.com) создать прототип главной страницы сайта для автосервиса. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса.
Примеры промтов оставлю ниже:
1) Create the main page of an auto service website catering to a family-oriented audience, aged 30-45, who prioritize safety, reliability, and convenience. The design should be warm and welcoming, using a color palette with shades of green and soft earth tones, which evoke trust, safety, and environmental consciousness. Emphasize services like family vehicle maintenance packages, safety checks, and emergency roadside assistance. Include a section for customer testimonials and a simple, intuitive navigation that guides users to book services or learn more about the business. The design should be approachable, with an emphasis on care and community.
2) Design the main page of an auto service website targeted at young adults, aged 25-35, who are tech-savvy and looking for quick, affordable, and transparent services. The page should have a contemporary, energetic feel with a color scheme that includes bright, vibrant accents like electric blue and lime green, against a neutral background. Include sections that highlight competitive pricing, express services, and customer reviews. The layout should be dynamic and interactive, featuring a live chat option and a clear, easy-to-find appointment scheduling tool. The overall vibe should be modern, accessible, and user-friendly.
Подписывайтесь на нас в социальных сетях:
✦ Яндекс.Дзен: www.dzen.ru/ra_pirania
✦ ВКонтакте: pirania_ra
✦ Rutube: www.rutube.ru/channel/30409260/
✦ Telegram: www.t.me/+VvP5YFooc91-w2gH
✦ TH-cam: youtube.com/@pirania302
Если у вас возникнут вопросы, вы всегда можете обратиться к основателю рекламного агентства PIRANIA, Геннадию Жирнову:
✦ Facebook: profile.php?id=100006137295010
✦ Instagram: zhirnovgennadii
✦ ВКонтакте: zhirnovgenri
✦ Pinterest: ru.pinterest.com/ZhirnovGennady/
#webdesign #дизайнсайта #автосервис #midjourney #chatgpt #uxdesign #ai #прототипирование #созданиесайта #авторемонт
Примеры промтов оставлю ниже:
1) Create the main page of an auto service website catering to a family-oriented audience, aged 30-45, who prioritize safety, reliability, and convenience. The design should be warm and welcoming, using a color palette with shades of green and soft earth tones, which evoke trust, safety, and environmental consciousness. Emphasize services like family vehicle maintenance packages, safety checks, and emergency roadside assistance. Include a section for customer testimonials and a simple, intuitive navigation that guides users to book services or learn more about the business. The design should be approachable, with an emphasis on care and community.
2) Design the main page of an auto service website targeted at young adults, aged 25-35, who are tech-savvy and looking for quick, affordable, and transparent services. The page should have a contemporary, energetic feel with a color scheme that includes bright, vibrant accents like electric blue and lime green, against a neutral background. Include sections that highlight competitive pricing, express services, and customer reviews. The layout should be dynamic and interactive, featuring a live chat option and a clear, easy-to-find appointment scheduling tool. The overall vibe should be modern, accessible, and user-friendly.
Подписывайтесь на нас в социальных сетях:
✦ Яндекс.Дзен: www.dzen.ru/ra_pirania
✦ ВКонтакте: pirania_ra
✦ Rutube: www.rutube.ru/channel/30409260/
✦ Telegram: www.t.me/+VvP5YFooc91-w2gH
✦ TH-cam: youtube.com/@pirania302
Если у вас возникнут вопросы, вы всегда можете обратиться к основателю рекламного агентства PIRANIA, Геннадию Жирнову:
✦ Facebook: profile.php?id=100006137295010
✦ Instagram: zhirnovgennadii
✦ ВКонтакте: zhirnovgenri
✦ Pinterest: ru.pinterest.com/ZhirnovGennady/
#webdesign #дизайнсайта #автосервис #midjourney #chatgpt #uxdesign #ai #прототипирование #созданиесайта #авторемонт
มุมมอง: 12
วีดีโอ
Иллюстрации и анимации в веб-дизайне
มุมมอง 92 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Нателла, я веб-дизайнер в рекламном агентстве PIRANIA. В этом видео мы разберём, как использовать иллюстрации и анимации в веб-дизайне. Это, пожалуй, один из самых выразительных и креативных стилей, который позволяет по-настоящему оживить сайт. Иллюстрации и анимации играют ключевую роль в создании визуально привлекательных и интерактивных сайтов. Они помогают улучшит...
Как создать прототип сайта для секции прикладного рукопашного боя с помощью Midjourney и ChatGPT
มุมมอง 92 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (www.midjourney.com/) и ChatGPT (chatgpt.com) создать прототип главной страницы сайта для секции прикладного рукопашного боя. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. Примеры промто...
Как создать прототип сайта для оптовой торговли тканями с помощью Midjourney и ChatGPT
มุมมอง 374 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (www.midjourney.com/) и ChatGPT (chatgpt.com) создать прототип главной страницы сайта для компании, занимающейся оптовой торговлей тканями. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. ...
Смарт анимация в Figma
มุมมอง 347 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут София, я веб-дизайнер в рекламном агентстве PIRANIA. В этом видео мы обсудим, что такое смарт анимация в Figma и как ее настроить. Я расскажу, как использовать эту функцию для создания плавных и динамичных переходов между состояниями вашего дизайна. Что такое смарт анимация? Смарт анимация в Figma - это мощный инструмент, который позволяет создавать плавные переходы и...
Марк Цукерберг и его знаменитая визитка: “I’m CEO, B*tch”
มุมมอง 457 ชั่วโมงที่ผ่านมา
Всем привет! Меня зовут Геннадий, я руководитель рекламного агентства PIRANIA. Это уже шестое видео из нашей серии юмористических историй про известных предпринимателей. Сегодня мы поговорим о Марке Цукерберге. Что вас ждёт в этом видео: • Маленькая история о “визитке” с надписью “I’m CEO, B*tch” Узнайте, как Марк Цукерберг использовал этот дерзкий и запоминающийся подход на заре становления Fa...
Как создать прототип сайта для онлайн-школы иностранных языков с помощью Midjourney и ChatGPT
มุมมอง 307 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (www.midjourney.com/) и ChatGPT (chatgpt.com) создать прототип главной страницы сайта для онлайн-школы иностранных языков. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. Примеры промтов о...
Как создать прототип сайта для медицинского центра с помощью Midjourney и ChatGPT
มุมมอง 239 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (midjourney.com/) и ChatGPT (chatgpt.com) создать прототип главной страницы сайта для медицинского центра. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. Примеры промтов оставлю ниже: 1) ...
Как поставить бизнес-цели через GPT
มุมมอง 1389 ชั่วโมงที่ผ่านมา
Всем привет! Меня зовут Геннадий, я руководитель рекламного агентства PIRANIA. В этом видео мы продолжаем исследовать возможности ChatGPT 4.0 (chatgpt.com). Тема этого выпуска: Как поставить бизнес-цели через GPT. В видео мы: 🔸 Отправляем запрос GPT на постановку бизнес-целей. 🔸 Рассмотрим краткосрочные, среднесрочные и долгосрочные бизнес-цели. 🔸 Я делюсь своим личным мнением о результатах и и...
Как создать прототип сайта для клиники лечения позвоночника с помощью Midjourney и ChatGPT
มุมมอง 1112 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (www.midjourney.com/) и ChatGPT (chatgpt.com) создать прототип главной страницы сайта для клиники лечения позвоночника. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. Примеры промтов оста...
Как просмотреть анимацию в Figma
มุมมอง 1014 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут София, я веб-дизайнер в рекламном агентстве PIRANIA. В этом видео мы рассмотрим, как посмотреть анимацию в Figma. Я покажу вам, как просматривать и тестировать анимации в вашем дизайне, чтобы убедиться, что все работает так, как задумано. Подписывайтесь на нас в социальных сетях: Яндекс.Дзен: www.dzen.ru/ra_pirania ВКонтакте: pirania_ra Rutube: www.rutube.ru/ch...
Прототипирование сайта для магазина детских товаров с использованием нейросетей
มุมมอง 1414 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (www.midjourney.com/) и ChatGPT (chatgpt.com/) создать прототип главной страницы сайта для детского магазина. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. Примеры промтов оставлю ниже: ...
Как провести SWOT-анализ с помощью GPT
มุมมอง 1714 ชั่วโมงที่ผ่านมา
Всем привет! Меня зовут Геннадий, я руководитель рекламного агентства PIRANIA. В этом видео мы продолжаем исследовать возможности ChatGPT 4.0 (chatgpt.com). Тема этого выпуска: SWOT-анализ через GPT. В видео мы: 🔸 Обсуждаем, что такое SWOT-анализ. 🔸 Отправляем запрос GPT на выполнение SWOT-анализа. 🔸 Я делюсь своим личным мнением о результатах и их применении в бизнесе. Подписывайтесь на нас в ...
Создание макета сайта для пиццерии с доставкой с помощью Midjourney и ChatGPT
มุมมอง 2716 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут Матвей, я специалист по нейросетям и тестировщик в рекламном агентстве PIRANIA. В этом видео я покажу, как с помощью Midjourney (www.midjourney.com/) и ChatGPT (chatgpt.com/) создать прототип главной страницы сайта для службы доставки пиццы. Этот макет станет отличным источником вдохновения и поможет вам найти свежие идеи для вашего бизнеса. Примеры промтов оставлю ни...
Как создать анимацию увеличения в Figma
มุมมอง 519 ชั่วโมงที่ผ่านมา
Привет, друзья! Меня зовут София, я веб-дизайнер в рекламном агентстве PIRANIA. В этом видео мы рассмотрим, как создать анимацию увеличения в Figma. Я покажу вам, как сделать элементы дизайна увеличивающимися при взаимодействии. Подписывайтесь на нас в социальных сетях: 🔸Яндекс.Дзен: www.dzen.ru/ra_pirania 🔸ВКонтакте: pirania_ra 🔸Rutube: www.rutube.ru/channel/30409260/ 🔸Telegram: www.t.m...
Как создать прототип сайта для магазина канцтоваров с помощью Midjourney и ChatGPT
มุมมอง 1519 ชั่วโมงที่ผ่านมา
Как создать прототип сайта для магазина канцтоваров с помощью Midjourney и ChatGPT
Как создать прототип сайта для клуба единоборств с помощью Midjourney и ChatGPT
มุมมอง 821 ชั่วโมงที่ผ่านมา
Как создать прототип сайта для клуба единоборств с помощью Midjourney и ChatGPT
Как сделать анимацию меню в шапке сайта в Figma
มุมมอง 14วันที่ผ่านมา
Как сделать анимацию меню в шапке сайта в Figma
Стив Джобс: маленькая история о "бутербродах"
มุมมอง 24วันที่ผ่านมา
Стив Джобс: маленькая история о "бутербродах"
Как создать прототип сайта для интернет-магазина женской одежды с помощью Midjourney и ChatGPT
มุมมอง 35วันที่ผ่านมา
Как создать прототип сайта для интернет-магазина женской одежды с помощью Midjourney и ChatGPT
Как создать прототип сайта для студии йоги с помощью Midjourney и ChatGPT
มุมมอง 25วันที่ผ่านมา
Как создать прототип сайта для студии йоги с помощью Midjourney и ChatGPT
Как создать кнопку с иконкой в Zero Block Тильды с эффектом наведения
มุมมอง 19วันที่ผ่านมา
Как создать кнопку с иконкой в Zero Block Тильды с эффектом наведения
Создание макета сайта для доставки цветов с использованием Midjourney и ChatGPT
มุมมอง 13วันที่ผ่านมา
Создание макета сайта для доставки цветов с использованием Midjourney и ChatGPT
Как сделать анимацию в Figma при нажатии | Пошаговое руководство
มุมมอง 6วันที่ผ่านมา
Как сделать анимацию в Figma при нажатии | Пошаговое руководство
Горизонтальный скролл в Тильде: настройка SBS анимации
มุมมอง 23วันที่ผ่านมา
Горизонтальный скролл в Тильде: настройка SBS анимации
Как создать прототип сайта для салона красоты с помощью Midjourney и ChatGPT
มุมมอง 8วันที่ผ่านมา
Как создать прототип сайта для салона красоты с помощью Midjourney и ChatGPT
Вращение объекта в Тильде: настройка SBS анимации
มุมมอง 214 วันที่ผ่านมา
Вращение объекта в Тильде: настройка SBS анимации
Как создать макет сайта для автомойки с помощью нейросетей Midjourney и ChatGPT
มุมมอง 1014 วันที่ผ่านมา
Как создать макет сайта для автомойки с помощью нейросетей Midjourney и ChatGPT
Все пипец, рекрафт уже платный.
А у меня к вам отторжение.
Добрый день, Надежда! Почему же?
А слышали про Skypro? Там классно обучают с нуля, друзья советовали. Я вот тоже долго сомневался, но решился и не пожалел, теперь работаю удаленно и доволен жизнью
А что делать, если после этого картинка просто исчезает
Ничего не понятно, говорите в нос и не проговариваете все буквы🙄 Лучше тогда вообще не снимать видео...
Спасибо за комментарий, исправляется) Дело в микрофоне, заменили
Boosted poop range <3
Геннадий, что ж Вы капс локом вещаете в своём пост скриптуме. Может Вам с монтажом видео/ауди помощь нужна?
Спасибо!) Это старая концовка, скоро будет новее) Развиваемся в этом и постепенно продвигаемся)
Фильм конечно стоит посмотреть
Спасибо, посмотрю)
Здорово! Познавательно
спасибо , что делитесь информацией)
Какой промт ввели в GPT чтобы он промт для логотипа написал???
Здравствуйте! Чтобы GPT сгенерировал промт для логотипа, вы можете ввести запрос такого типа: "Напиши 6 подробных запросов для генерации логотипа медицинского центра на английском языке." Спасибо за ваш интерес к видео! Если будут ещё вопросы, не стесняйтесь задавать.
Дерьмо
Спасибо!
И Вам!)
Илон Маск- дерзайте, открывайте тайны загадочного космоса во благо человечества👍👏❤️😊🙏‼️
😁👍🏼
Вообще-то там совсем не тот шрифт, что в примере
Спасибо за обратную связь, проверим!
У вас очень-очень тихий звук
Спасибо! Делаем сейчас все возможное чтоб это исправить
Recraft ai 🔝
С чего вдруг незаконно печь кондитерку на дому? Там конкуренция огромная, у нас в Барнауле это оч популярно и нет проблем, кто то дома оборудует поф.кухню и выпекает
Спасибо за разъяснение - я лично просто не знаком с этой нишей близко. Посмотрел, если оформить самозанятого или ИП, то да и конечному потребителю только можно продавать. Если нужно на перепродажу, то надо соблюдение технического регламента специального для сертификата соответствия
пзц что со звуком
Благодарим, что обратили внимание - работаем над этим!
Спасибо большое! Так просто и так нужно ❤
на 5 секунде уснул...
Может возраст уже!?) Или больше отдыхать надо;)
В какой момент дизайнеры перестали понимать что такое логотип? То что ты в рекрафте нагенерил это не логотипы. ПыСы- Рекрафт отлично понимает Русский язык.
Добрый день! В начале видео было написано, что это не дизайнер - Вам показали возможности нейросети и не более. Будьте внимательней.
А потом заказчик просит поправить что либо и вы приехали 😂
Нейросеть лишь помогает понять в какую сторону двигаться и быстро с большим количеством вариантов не отрисовывая все варианты от руки, также дает интересные идеи. Далее включается дизайнер)
@@pirania302 Возможности Recrafta остались не задеты. Там кнопочка есть с которой сразу 6 вариантов генеришь в одной монтажке. И отдельно формат генерации лого имеется, правда работает как крылья пингвина. В векторе айдентику получить по чеку будет сложнее, а вот растр выдаст лучший результат. На автомате не жди минимализм, даже если запрос из одного этого слова, выставляй детализацией.
топ контент. обязательно обращусь в агентство, где работают люди, для которых слово "фон" имеет особенное значение.
Олег, добрый день! Напишите, пожалуйста, о чем Вы
не могу с вами не согласиться, Олег
@@pirania302 ну, хвалю вас. для большинства людей есть разница между цветом текста и цветом фона текста. а вы - выше этого. текст, фон... какая разница, черт побери, да?
Дружище! Эта нейронка отлично работает и на русском. Ей пофигу, так то)
Спасибо за видео, очень познавательно!
да конечно, черный фон добавляется
Спасибо за информацию, все чётко и по делу👍
Все получилось спасибо!
Очень полезно, но так все быстро щелкалось, я как новичок вообще не могла успеть
Добрый день! Видео можно замедлить и ставить паузы)
Здравствуйте! Сделал всё по инструкции, но таймер не работает и не запускается :((( пожалуйста, подскажите в чем может быть проблема? крайне необходимо решить этот вопрос, заранее большое спасибо!!!
Жду сайт где надо будет прокручивать до другой стороны Земли.
<style> .uc-cols ul{ list-style-type: none; } </style> <script> fillCols('.uc-cols'); function fillCols(id) { const $wrapper = $(id); $wrapper.find('.t-col').each(function() { const blockId = $(this).text().trim(); let $block = $(blockId); $block.find('.t-col').removeClass('t-col'); $(this).empty(); $(this).append($block); }); } // Инструкция по работе со скриптом trilda.ru/kak-dobavit-bloki-v-kolonki-tilda </script>
<div class="content"> <img class="content__img" src="otveri.info/wp-content/uploads/2016/07/les-300x300.jpg"/> <img class="content__img" src="cdn1.flamp.ru/ab253f50e62c6d56280dc9ba89572cea_300_300.jpg"/> <img class="content__img" src="www.thedigitalshades.com/wallpapers/thumbnail/Forest.jpg"/> <img class="content__img" src="img.like.video/eu_live/3u1/3hQASd.jpg"/> <img class="content__img" src="i.pinimg.com/736x/bf/92/0d/bf920d204f72ea554154d6bca0dfe02e.jpg"/> <img class="content__img" src="images.wallpaperscraft.ru/image/single/les_hvojnyj_vid_sverhu_149423_300x300.jpg"/> <img class="content__img" src="lh3.googleusercontent.com/RTh5mReBLLbVVXDahyEdsswiLkxncyHfOs8jALKEgY-SiaMyOoeOopgERSUO82moDw=w300"/> <img class="content__img" src="images.wallpaperscraft.ru/image/single/most_derevia_les_176007_300x300.jpg"/> </div> <!--Библиотека VORON--><!--Курсор из картинок voron-dev.ru/photo-cursor--> <!--Библиотека VORON--><!--Курсор из картинок voron-dev.ru/photo-cursor--> <style> .content__img { max-width: var(--img-maxwidth); position: absolute; top: 0; left: 0; opacity: 0; will-change: transform; filter: var(--filter-img); } .content__img--full { width: 100%; height: 100%; background-size: cover; } </style> <script src="cdn.jsdelivr.net/npm/gsap@3.11.4/dist/gsap.min.js"></script> <script> { const body = document.body; const MathUtils = { lerp: (a, b, n) => (1 - n) * a + n * b, distance: (x1,y1,x2,y2) => Math.hypot(x2-x1, y2-y1) } const getMousePos = (ev) => { let posx = 0; let posy = 0; if (!ev) ev = window.event; if (ev.pageX - $(".photo-cursor").offset().left || ev.pageY - $(".photo-cursor").offset().top) { posx = ev.pageX - $(".photo-cursor").offset().left; posy = ev.pageY - $(".photo-cursor").offset().top; } else if (ev.clientX || ev.clientY) { posx = ev.clientX + body.scrollLeft + docEl.scrollLeft; posy = ev.clientY + body.scrollTop + docEl.scrollTop; } return {x: posx, y: posy}; } let mousePos = lastMousePos = cacheMousePos = {x: 0, y: 0}; document.querySelector(".photo-cursor").addEventListener("mousemove", ev => mousePos = getMousePos(ev)); const getMouseDistance = () => MathUtils.distance(mousePos.x,mousePos.y,lastMousePos.x,lastMousePos.y); class Image { constructor(el) { this.DOM = {el: el}; this.defaultStyle = { scale: 1, x: 0, y: 0, opacity: 0 }; this.getRect(); this.initEvents(); } initEvents() { window.addEventListener("resize", () => this.resize()); } resize() { gsap.set(this.DOM.el, this.defaultStyle); this.getRect(); } getRect() { this.rect = this.DOM.el.getBoundingClientRect(); } isActive() { return gsap.isTweening(this.DOM.el) || this.DOM.el.style.opacity != 0; } } class ImageTrail { constructor() { this.DOM = {content: document.querySelector(".content")}; this.images = []; [...this.DOM.content.querySelectorAll("img")].forEach(img => this.images.push(new Image(img))); this.imagesTotal = this.images.length; this.imgPosition = 0; this.zIndexVal = 1; this.threshold = 100; requestAnimationFrame(() => this.render()); } render() { let distance = getMouseDistance(); cacheMousePos.x = MathUtils.lerp(cacheMousePos.x || mousePos.x, mousePos.x, 0.1); cacheMousePos.y = MathUtils.lerp(cacheMousePos.y || mousePos.y, mousePos.y, 0.1); if ( distance > this.threshold ) { [...this.DOM.content.querySelectorAll("img")].forEach(img => img.style.pointerEvents = 'none'); this.showNextImage(); ++this.zIndexVal; this.imgPosition = this.imgPosition < this.imagesTotal-1 ? this.imgPosition+1 : 0; lastMousePos = mousePos; } let isIdle = true; for (let img of this.images) { if ( img.isActive() ) { isIdle = false; break; } } if ( isIdle && this.zIndexVal !== 1 ) { this.zIndexVal = 1; } requestAnimationFrame(() => this.render()); } showNextImage() { const img = this.images[this.imgPosition]; gsap.killTweensOf(img.DOM.el); new TimelineMax() .set(img.DOM.el, { startAt: {opacity: 0, scale: 1}, opacity: 1, scale: 1, zIndex: this.zIndexVal, x: cacheMousePos.x - img.rect.width/2, y: cacheMousePos.y - img.rect.height/2 }, 0) .to(img.DOM.el, 0.9, { ease: Expo.easeOut, x: mousePos.x - img.rect.width/2, y: mousePos.y - img.rect.height/2 }, 0) .to(img.DOM.el, 1, { ease: Power1.easeOut, opacity: 0 }, 0.4) .to(img.DOM.el, 1, { ease: Quint.easeOut, scale: 0.2 }, 0.4); } } new ImageTrail(); } </script>
<script> appendAccordeonIcons('.uc-acc-icons'); // Указать класс или ID блока с аккордеоном function appendAccordeonIcons(id) { const $wrapper = $(id); $wrapper.find('.t668__col, .t-col').each(function() { const $header = $(this).find('.t668__title, .t585__title'); $header.css({ display: 'flex', 'align-items': 'center' }); const $originalIcon = $(this).find('.t668__img, .t585__img').eq(0); const src = $originalIcon.attr('src'); $originalIcon.remove(); const $icon = $(`<img style="width: 30px; margin-right: 10px;" src="${src}">`) // Вы можете изменить размер иконки и отступ от нее до текста $header.prepend($icon); }); } // Инструкция по работе со скриптом trilda.ru/kak-sdelat-akkordeon-s-ikonkami-na-tilde </script>
спасибо за видео, а где скрипт?
<script> fillPopup('#rec1234567'); // Вы можете добавлять строки с нужными ID блоков попапов, или добавить общий класс вида .uc-class, если код будет использоваться на многих страницах. Внимание! Если на странице несколько попапов - каждому нужен свой класс, или добавление через ID function fillPopup(id) { const $popup = $(id); const ids = $popup.find('.t390__descr').text().split(','); $popup.find('.t390__descr').html(''); $(document).ready(() => { setTimeout(addBlocks, 0); }); function addBlocks() { const ready = ids.every((id) => { if ($(id).find('[data-slider-transition]').length && $(id).find('[data-slider-transition]:not([data-slider-initialized="true"])').length) { return false; } return true; }); if (!ready) { setTimeout(addBlocks, 300); return; } ids.forEach((id) => { if (!$(id).length) { return; } $popup.find('.t390__descr').append($(id)); }); } } </script>
Спасибо за обзор. Ни фига не понятно - ничего не слышно.
Помогло! Спасибо автору.
Только что сделала все по вашему видео, но не срабатывает код. В консоли тоже ошибку выдает ReferenceError: $ is not defined
Добрый день! Ошибка "ReferenceError: $ is not defined" обычно возникает, когда браузер не может найти библиотеку jQuery, на которую ссылается символ $. Это может быть связано с тем, что jQuery не подключен к проекту или подключен некорректно Проверил сам код, он полностью функционален, поэтому необходимо проверить совпадает ли id вашего блока с id, который указан в вашем коде Пример формата id - #rec790103491
@@pirania302 спасибо за ответ. Разобралась спустя 5 часов 😅 оказывается у Тильды изменения внутри, ограничивающие работу библиотек 🫣
Отличная информация и подача материала. Но уж очень тихий звук
Благодарим за обратную связь! Учтем
Спасибо большое! Продолжайте в том же духе!
Спасибо большое! Очень помогли ♡
Благодарим за теплые слова)
Такой короткий урок, но мои макеты станут заметно лучше, спасибо
Желаю развития каналу! А Вам - удачи 🙏🏻
Благодарим! И Вам удачи и благополучия!🤗
Яна, если планируете продолжать, рекомендую использовать хороший микрофон. Сейчас звук очень тихий и мешает фоновый шум.
вы не наклонили, а повернули ее
Спасибо за видео. Вопрос, есть ли особая разница для поисковых роботов между автоматическим созданием слагов или ручным? Прочел где-то что длинные слаги возможно нет смысла создавать на основе длинных title постов, а сокращать слаги в этом случае
Здравствуйте! Рады, что видео было полезным! Ручное создание и сокращение слагов часто дает лучшие результаты с точки зрения SEO, так как позволяет сделать URL более удобным и оптимизированным. Это помогает как пользователям, так и поисковым системам легче понять, о чем страница, что может положительно сказаться на ранжировании. Если у вас есть возможность, лучше вручную создавать короткие, четкие и информативные слаги.
Когда я увидел превью ролика, я подумал, что сейчас увижу то, как создаётся логотип от момента "надо создать логотип" , до уже полностью готового логотипа, я думал что увижу как именно нейрохудожник работает с нейросетью и получает необходимое. Но я увидел кратенько о том, что такое сюрреализм и пару работ нейросети, которые вообще непонятно откуда взяты и как получены. В результате каких проб и ошибок, в результате каких идей? Если хотите набрать больше 10 просмотров показывайте именно процесс создания от нуля до уже готового логотипа со всеми объяснениями всех деталей. И с монтажем конечно же.
Урок как подтереть жопу
Дружище, в следующий раз когда будешь пояснять за дизайн, напиши пожалуйста себе на листочек сценарий своего рассказа, спасибо :)
Да уж, со звуком проблема А как обратно в текст превратить, если уже сделал 100 последующих изменений с другими элементами(фото, иконки)? Cntrl + Z уже не поможет. Текст придётся удалить?