design by max | Максим Щукин


Channel's geo and language: Russia, Russian
Category: Design


Модификации для тильды, полезный контент и ресурсы для дизайнера dsgnmax.ru/

Related channels  |  Similar channels

Channel's geo and language
Russia, Russian
Category
Design
Statistics
Posts filter


Добавил видеоурок к модификации выше 🔼

Её можно посмотреть, если нажмёте на кнопку "Инструкция".
Постарался там всё подробно объяснить по каждому из вариантов кода, разобрал некоторые нюансы

Если есть вопросы по этой модификации, то пишите в комменты – на всё отвечу)

И кто-то уже успел попробовать решение на своих проектах? Тоже делитесь 💬


Стилизация дополнительных опций в карточке товара 📣

Друзья, наконец-то допилил эту модификацию и дополнительно ещё чуть-чуть расширил функционал для любителей экспериментов, а именно:
✔️ отображение стоимости у опции
✔️разные цветовые решения для разных дополнений

Видео инструкцию записал, но не успеваю смонтировать, пришлось потратить ещё много времени в процессе, когда пришла идея о реализации двух штук, о которых написал выше)

В общем пока можете заходить, брать код, тестить, завтра залью видео, будет чуть по проще разобраться со всем этим)

Смотреть модификацию

1.2k 1 27 6 107

Огонёчки вижу, не ожидал конечно что так быстро накидаете их😅

Сегодня всё доделаю и выложу ✅


Друзья, а вы как считаете?

Это называется по тихой спиздили или вдохновились?) потому что я не понимаю как это расценить

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

https://ticode.dev/store-checkbox#!/tab/796559441-1

1k 0 11 49 57

А вообще, предлагаю вам запасаться огоньками в ближайшее время, без дела не сижу)


В работе сейчас:

➡️ новый слайдер для блоков магазина, который можно будет делать по window-контейнеру + добавлять их несколько на одной странице + делать разные настройки для каждого из них

➡️ обновлённое решение для вот этой модификации, решил её переработать и сделать работу с ней немного проще. Собрал 60+ стандартных блоков и сделал для каждого свой код, теперь сможете выбрать нужный блок и уже работать с ним

➡️ и одна новость, о которой узнаете в ближайшее время, прям на этой неделе. Думаю она очень обрадует дизайнеров, кто работает на тильде


Video is unavailable for watching
Show in Telegram
Тильда тут новенькое выкатило для карточки товара🥹

А я долго думать не стал и забабахал такую крутую штуку с возможностью настроить вот такие карточки ингредиентов

✔️ Меняем страшные чекбоксы
✔️ Оформляем в виде карточек с любой сеткой
✔️ Добавляем свои фото
✔️ Визуально показываем выбранный продукт
✔️ Все прекрасно адаптируется

Набираем 300🔥 под этим постом и я сразу же делюсь с вами этим решением

1.4k 1 22 26 374

Forward from: Tilda Updates for testers
Множественный выбор в дополнительных опциях

Теперь при оформлении заказа в интернет-магазине покупатель может добавить к покупке несколько значений дополнительных опций. Например, при заказе пиццы добавить не только один ингредиент, но и несколько сразу — сыр, красный лук, халапеньо, острый перец.

Для этого настройте в ваших товарах множественный выбор в дополнительных опциях. Перейдите в Каталог, откройте карточку товара → Дополнительные опции → Режим использования → Множественный выбор.

Подробнее читайте в статье: https://help-ru.tilda.cc/online-store/parameters#catalog


Video is unavailable for watching
Show in Telegram
На сайте решил немного обновить формат копирования кода для модификаций 📣

Теперь весь код будет в красивых попапах как на гифке, но зато я теперь могу комфортно добавлять разные варианты кода для каждого отдельного блока, и не будет огромных портянок)
В течении 1-2 недель весь код будет в новом формате

Но самое кайфовое – это шапка попапа, оттуда сразу можно подписаться на меня. Да, возможно это будет кого-то напрягать, но нужно же как-то мне продвигать мои соц. сети)

Если уже не терпится покликать, то вот в одной модификации обновил, можете заходить)

Кидай огонёк, если интересно как устроена такая шапка в попапе, гляди я как-нибудь расскажу и покажу🔥


Отрицательный трекинг и межстрочка в стандартных блоках 🪄

Это могла бы быть моя новая модификация, но нет, сейчас зашёл в настройки текстового блока и увидел то, чего я ждал так долго🤯

Тильда добавила, но пока ещё не анонсировала, возможность менять трекинг и межстрочку на любые значения, даже отрицательные

Там кстати ещё обновилась выпадашка выбора размера шрифта, отступов сверху и снизу, ну теперь точно заживём 🏖

Я убеждаюсь всё больше и больше, что сила в стандартных блоках, и тильда это сама понимает и выкатывает очень важные обновления, пусть хоть они и не такие масштабные, но упрощают работу максимально)


Forward from: Екатерина Комарова | Komarovaeee
Дизайнерам и верстальщикам

Привет, наша команда ищет креативных дизайнеров-перфекционистов и верстальщиков для долгосрочного сотрудничества на проектной основе. Если вы умеете так, что даже создатели Тильды удивятся, то вы — наш человек.


👉 Дизайнерам

Всю логику продумает наш UX-дизайнер, вы будете работать с готовым прототипом — от вас прокаченная насмотренность, актуальные креативные решения по дизайну и анимации, которые не будут конфликтовать с общей логикой, работа со смыслами и метафорами. Вы любите выносить предложения на обсуждение и не работаете в стиле: «Прокатит, не заметят». Заметим.


👉 Верстальщикам

Если вы знаете, как кастомизировать стандартный функционал Тильды, имеете опыт работы с Window, Autoscale, бодро справляетесь со сложными модификациями, разбираетесь в html, css, умеете в анимацию, мы хотим с вами познакомиться. Сложными скриптами занимается наш разраб и всегда поможет безболезненно встроить их на сайт.


Важно: нам не нужны ✨звезды, которые фотографируют свой рабочий стол для Instagram и ищут славы в reels. Мы в поисках специалистов, которые хотят много работы, движухи в рабочих чатах и финансовой стабильности.



Чувствуете, что мы на одной волне — откликайтесь сразу в личку: @komarovaeee. В сообщении укажите:

➡️ 3 лучших работы из портфолио
➡️ Ссылка на профиль в соцсети
➡️ Условия сотрудничества и сроки
➡️ Город проживания
➡️ Дополнительные навыки кроме Тильды (опционально)

💛 Помоги нашей команде — репостни в свой тг-канал, пожалуйста. Спасибо!


Кто хочет к ребятам в крутую команду?) 👇👇👇


Всем привет 👋

Там в инсте за подписку и коммент делюсь с вами годным кодом для карточки товара🔥

Ну если код не нужен, то буду благодарен лайку❤️

Получить код


Video is unavailable for watching
Show in Telegram
Небольшие идеи для кайфовых карточек товаров 💡

Для закрытого клуба (уже больше 100 человек кайфуют в клубе от уникальных модификаций и подробных уроков😎) записал сегодня новые уроки, в которых показал как можно чуть-чуть, но улучшить стандартную карточку товара с помощью кода 💻

А именно переносом цены на уровень кнопки добавления в корзину, и также разными вариантами оформления самих кнопок, будь-то текст с иконкой, просто иконка или анимированный вариант)
Кажется, что мелочь, а карточки товаров уже имеют другой вид 🪄

Мне нравится 2 и 3 вариант, смотрится хорошо, занимает немного места, а самое главное всё понятно)

А какой вариант реализации кнопок зашёл вам, пишите в комментарии)


Forward from: Tilda Publishing News
Скругление элементов в базовых блоках

В 200+ базовых блоках вы можете задавать скругление углов их элементов: обложек, попапов, изображений, видео, карточек, галерей и сообщений об успешной отправке в формах. Задать значение скругления можно для всех углов сразу или отдельно для каждого угла.

Чтобы настроить скругление углов, перейдите в Настройки блока → Радиус скругления.

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

Ставьте в комментариях 🔥, если обновление вам понравилось и будет полезно.

#tildaupdates

2.1k 0 15 14 97

Ну всё ребят, ухожу на пенсию)

Наконец-то тильда добавила возможность скруглять углы у всех стандартных блоков и это чудесно)

По статистике в админке, страница с модификацией, где были собраны классы практически всех блоков для скругления углов была самой популярной по посещаемости 📈

31 мая 2022 года я выпустил эту модификацию (кстати одну из самых первых), вот тот самый пост для подтверждения и
я считаю круто, что более 2-х лет назад это сделал и облегчил жизнь сотням дизайнеров 😎

А ты пользовался этой модификацией? Если да – то огонёк на сообщение🔥

1.9k 0 1 10 123

Всем привет 👋

Давненько не было никаких эфиров и мастер-классов, я считаю, что нужно исправлять этот момент, иначе я скоро забуду как это делать)

Собственно говоря, пишу это сообщение для того, чтобы вы накидали каких-то идей в комменты 💬🙃

Это могут быть скрины решений, которые хотелось бы реализовать на тильде, какие-то текстовые описания ваших идей, может быть идея какого-то разбора ваших стилизаций в прямом эфире, в общем что угодно.
Я прочитаю всё, что вы написали и уже будем определяться с тем, будет ли это мастер-класс или прямой эфир на какую-то тему 📣

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


Forward from: Spirina Design
Получила свой заветный сертификат с курса «Стилизация стандартных блоков на Тильде с помощью CSS» от Максима Щукина @dsgnmax

Хочу написать небольшой отзыв, и посоветовать каждому, кто хочет разобраться наконец с CSS и научиться менять стандартные блоки под свои нужды.

• Макс очень понятно и доходчиво объясняет сложные вещи простым языком
• Формат коротких уроков не дает закопаться в информации и только подогревает интерес двигаться дальше
• К каждому уроку есть домашка и шпаргалка по коду – можешь сразу отработать на практике
• Блок про применение ChatGPT для генерации кодов – это вообще космос какой-то, открывает столько новых возможностей 🤯
• Про псевдоклассы и анимацию еще точно буду пересматривать несколько раз, хорошо, что доступ остается навсегда

Это был последний поток, но я уверена, скоро будет что-то не менее полезное. А пока, можно присоединиться к Закрытому клубу. 😎


Ну грех не поделиться ещё одним отзывом о курсе 📣

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

А вообще очень приятно осознавать, что сделал крутой продукт, который реально уже помог 200+ дизайнерам на тильде в реализации своих идей на проектах)

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


Ещё один МОТ

Проект, который начался просто с разработки шаблонов на стандартных блоках для старой версии, чтобы заказчику было проще добавлять новый контент, а в итоге сделали полный редизайн всех страниц сайта)

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

❤️ Поставить лайк и посмотреть на сайт можно по этой ссылке

2.1k 0 11 23 97

Forward from: Komandin®
Резиновая верстка в Zero Block 5.0 [интенсив]
6—7 июля будет 5 поток интенсива по резиновой верстке!


Подробнее и записаться — https://tilda.school/window-container

Всего за два дня вам полностью покорится верстка по window-container, благодаря которому вы сможете делать действительно адаптивные сайты обладающие особой эстетикой. Верстка по window избавит вас от необходимости создавать дополнительные брейкпоинты, которые работают только в идеальных условиях, а также избавит от проблем, присущих автоскейлу.

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

⋅ 2 дня — 6 и 7 июля
⋅ 2 больших концентрированных эфира
⋅ Полное погружение в тему
⋅ Море полезной информации и практика
⋅ Домашнее задание с разборами

Подробнее и записаться — tilda.school/window-container

Вот лишь малая часть работ с предыдущих потоков:
window-container.tilda.ws
window-container-2.tilda.ws
window-container-4.tilda.ws
airpods-max.tilda.ws
arch-burooo.tilda.ws
h800.tilda.ws
volvoxc40recharge.tilda.ws
wox.annihaus.ru
moon.loginova.me

#windowcontainer #интенсив

20 last posts shown.