Макс Щукин | Блог, дизайн, тильда
3.56K subscribers
242 photos
48 videos
220 links
Веб-дизайн и разработка сайтов на тильде
Download Telegram
Уже потихоньку возвращаюсь к рабочему режиму, и моей ключевой задачей после отпуска было продолжение работы над курсом по личным кабинетам в тильде, а именно их стилизация и добавления дополнительного функционала

Уже более 100 человек из вас есть в чате предзаписи и вы примерно понимаете что ждать от этого обучения, а если вы ещё не в чате и вам это интересно и вы с этим сталкивались – то велкам.

Тут прикреплю 3 видосика по мои процессам работы
Два из которых – это просто демонстрация того, что получается из стандартного личного кабинета, конечно это ещё всё докручивается. Но думаю вы прекрасно понимаете как это выглядело всё стандартно и как это выглядит сейчас

И ещё одно видео – это демонстрация работы одной из нескольких удобных штук, которые упростят вам жизнь.
Например, для того, чтобы добавлять свои изображения к урокам (что нельзя сделать стандартно) – вы просто указываете название уроков и ссылки на изображения, затем просто копируете готовый код. Таких решений планируется достаточное количество)

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

Так что, друзья, вот с такими новостями врываюсь в рабочие будни) Ну и залетайте в чатик предзаписи, там будет вся инфа по обучению по стилизации ЛК)
21🔥13👏3🤯1
Магазин кастомных решений для тильды

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



Ну хватит о воспоминаниях, давайте по делу)

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

На данный момент в магазине есть 5 уникальных решений для тильды (3 в разработке и очень много годных идей в голове):

1. Умные бейджи
2. Дополнительные услуги в корзине
3. Виджет скидки от суммы
4. Виджет скидки от количества
5. Кастомный счётчик товаров

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


Давайте подробно про магазин:

⚫️Доступы ко всем купленным решениям и их обновлениям – НАВСЕГДА
Вы в любой момент можете зайти в личный кабинет и воспользоваться модификацией.
⚫️Каждое решение имеет свой конструктор кода
Тут вы можете подвигать каждый пиксель и настроить внешний вид под стиль своего сайта, вам вообще не нужно взаимодействовать с кодом
⚫️Подробные видео и текстовые инструкции
Каждое решение имеет инструкции, чтобы вам было проще разобраться в их функционале
⚫️Детальное превью для каждого решения
Вы видите все изменения в стилях в реальном времени
⚫️Нет никаких подписок, оплата только за конкретное решение
Здесь ты можешь выбрать какое решение тебе действительно нужно и получить доступ только к нему

⚫️Молчу про стоимость разработки любого такого решения у сторонних разработчиков, так ещё и с максимально удобным конструктором и подробными инструкциями



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

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

Получить доступ к модификациям
Please open Telegram to view this post
VIEW IN TELEGRAM
33🔥4521😱8👎1
Друзья, у кого отвалилась модификация корзины с избранным в зеро-блоке, то я пофиксил.

Кому лень заново копировать весь код, вдруг вы уже всё настроили под свой дизайн, то просто добавьте приоритет у класса корзины и избранного, чтобы стало вот так, именно для свойств left и right, остальное без изменений:


.t706__carticon {
top: 0 !important;
left: 0 !important;
}

.t1002__wishlisticon {
top: 0 !important;
left: 0 !important;
}
👍146🔥3
Я конечно уже говорил, что готовлю обучение по стилизации личных кабинетов в тильде, а сейчас вот ещё раз говорю, что в чате предзаписи открылись продажи, так ещё и с очень приятной ценой и крутыми бонусами для самых быстрых 🤫

Спамить по этому поводу больше не буду, потом напишу подробнее, как закончатся продажи в чате предзаписи)
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥73
Стилизация личного кабинета в тильде

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

⚫️Старт — 1 сентября
⚫️Длительность — 3 недели
⚫️Доступы – НАВСЕГДА (для первого потока)

Что входит в курс:
⚫️4 модуля
⚫️18+ уроков
⚫️удобный личный кабинет
⚫️чат потока
⚫️15 конструкторов кода
⚫️обратная связь от меня в чате потока
⚫️скидки и бонусы на другие продукты

Тариф будет один единый для всех, и будет в себя включать абсолютно все модули, уроки, конструкторы и обратную связь от меня!
Стоимость – 17 900₽ / навсегда


Способы оплаты:
⚫️В рассрочку от Т-Банка и др.
⚫️Долями
⚫️Яндекс Сплит
⚫️Картой или СБП
⚫️Зарубежными картами
Если нет возможности оплатить ни одним из этих способов, то напишите мне в личные сообщения, решим этот вопрос

Купить доступ, почитать подробнее о программе курса и посмотреть примеры в формате до-после вы можете на сайте:

https://study.dsgnmax.ru/courses/custom-lk
https://study.dsgnmax.ru/courses/custom-lk
https://study.dsgnmax.ru/courses/custom-lk
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥64👍4
Ну не могу не поделиться очередным отзывом об основном курсе, где я учу стилизовать стандартные блоки)

Вообще, для меня такие отзывы – это некий пинок, доза мотивации и просто осознание того, что я не зря всё это делаю и продолжаю делать)
🔥54👍2
Forwarded from Анастасия | Создание сайтов
Максим, привет!
С опозданием, но прошла курс Tilda Custom Main 2025 ))

Я немного разбиралась в css, но сейчас вышла просто на новый уровень))
Очень интересно смотреть уроки, всё четко и по делу, подробно и понятно объясняешь. Классно, что сразу всё на примерах показываешь.
Тесты и домашки отлично помогают закрепить, пройденный материал.
Благодаря твоему курсу открыла для себя новый мир работы с Тильдой))

Все знания уже активно применяю в клиентских проектах)
Спасибо тебе за крутой курс и все продукты, которые делаешь для нас дизайнеров! 🙂
👍2310🥰7
Хочу поделиться с вами ссылкой на сайт, который как никогда долго разрабатывал)

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

Если будут интересны какие-то решения с сайта, то пишите в комменты, проведём прямой эфир с разбором, покажу и расскажу как работает каждое из них. Такой эфир мы с вами проводили один раз и разбирали один мой проект, думаю будет неплохо провести ещё один подобный эфир

Смотреть сайт
🔥70👍1711
Друзья, привет)

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

Мне написали ребята из Arvess, и предложили потестировать их решение, которое позволяет переносить неограниченное количество брейкпоинтов блока. Это значит, что вы можете отрисовать все нужные брейкпоинты в Figma, например, 1440, 1200, 980, 640, 480, 320 или любые другие, и парой кликов перенести блок сразу со всем адаптивом в Tilda. Конечно нужно, чтобы названия слоёв были одинаковые на всех устройствах, но я думаю подробную инструкцию почитаете у них на сайте)

Мне кажется, это классное решение для тех, кто уже пользуется переносом макетов и кто хочет попробовать такой формат.
Честно скажу, что сам никогда не пользовался переносом макетов вот так, мне это немного кажется неудобным, но вдруг кому-то из вас это интересно, да и просто хотел поддержать ребят с таким крутым решением. (мне не платили если что за этот пост))

Всем, кто придёт от меня – они дают 14 дней бесплатного пользования сервисом, можете попробовать потестировать, для этого:

1. Регистрируетесь на сайте https://arvess.ru
2. Потом пишите чат поддержки любое сообщение с указанием промокода (DSGNMAX) и указанием своей почты, которую зарегистрировали.
3. Пользуетесь с удовольствием)
5🔥3714👍111
Если хочется немного движа или давайте снова проведём бесплатный курс с обратной связью от меня

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

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

Мы с вами разберём самую базу по CSS, научимся работать с панелью разработчика, классами и различными элементами, но абсолютно без воды, только практика, домашки и крутые тесты для самопроверки.


Подробнее об обучении:

🚀 Старт – 22 сентября
📅 Длительность обучения – 7 дней
🔒 Доступы к обучению – 14 дней
_____________

✔️ Чат для участников с обратной связью от меня
✔️ 15 уроков без воды
✔️ 10+ домашних заданий (без проверок)
✔️ 20+ крутых тестов


Как попасть на обучение?

Чтобы попасть на это обучение – вам нужно просто заполнить форму по этой ссылке с вашими данными и ждать начала обучения, все доступы придут к вам на почту. Также обязательно вступайте в чат, только там я буду отвечать на ваши вопросы по урокам из курса!


❗️ВАЖНО!❗️
Будет всего 200 мест на этот курс, поэтому если вы уже проходили это обучение полностью, либо вам не интересна эта тема, но ради любопытства хочется посмотреть что там – не занимайте пожалуйста места тех, кто действительно хочет попасть на это обучение!

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


За репосты вашим друзья, коллегам, на свои каналы – буду очень благодарен 🙏
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥6116🥰11
Media is too big
VIEW IN TELEGRAM
Уже 100+ регистраций на бесплатное обучение и это не может не радовать)

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

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

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

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

Вот например, Маша @Mairty, её сайт сегодня попал в МОТ,(накидайте лайков чтоль) он собран на 90% из стандартных блоков. Ну меня это не может ни радовать, потому что если вы зайдёте на этот сайт и не полезете в панель разработчика, то вы вообще никогда не поймёте, что это всё стандартные блоки.
Работа с шириной, сеткой, псевдоэлементами, дочерними элементами и огромное количество других мелких деталей, которые могут быть вовсе не заметны, но в совокупности дают очень крутой результат)

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


Кто уже у меня обучался – знайте, вы очень крутые, кто только сделал шаг и записался на бесплатное обучением, вы не менее крутые, потому что эти знания однозначно не будут лишними.
Даже если вы не планируете дальше изучать CSS – эти знания как минимум расставят всё по полочкам и в будущем вам будет гораздо проще работать с кодом, что неотъемлемая часть разработки сайтов на тильде)
Поэтому, кто пропустил, то в предыдущем посте вы можете еще попасть на бесплатное обучение.


Вот такой длиннопост получился вдруг)
4🔥4918👍12👎1
Media is too big
VIEW IN TELEGRAM
Сейчас работаю над некоторыми интересными решениями, решил с вами поделиться одним из них)

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

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

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

Наберём 100 огоньков на этом посте, покажу вам в работе ещё одно решение🔥

Да и в целом ваши реакции и комменты – это некое топливо для меня, чтобы реализовывать новые и новые идеи.
Увидели новый пост – киньте реакцию, вам ничего не стоит, а мне дополнительный стимул )
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥23424👍19🤝4🎉3
Быстро вы набрали однако огоньки)

Завтра покажу ещё одно очень крутое решение, которое в работе, а точнее практически готово
2🔥5818👍15
Media is too big
VIEW IN TELEGRAM
Второе решение, которое обещал вам показать – это ховеры для стандартных блоков.

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


В чём вообще логика работы этого решения:

1. Я могу стилизовать при наведении сам элемент, на который навожу. Это может быть минимальная стилизация, например маленькое уменьшение или лёгкая тень
2. Также могу стилизовать дочерние элементы при наведении на сам элемент. Получается, что наводя на карточку я могу менять свойства всех элементов, которые находятся внутри неё.
3. Ну и небольшой триггер внутри карточки. По наведению на элемент внутри карточки я меняю свойства любого другого элемента, который также есть в этой карточке.
4. Ещё в работе добавлять именно анимацию дочерним элементам при наведении. Например я навожу на карточку товара, а у меня лейбл начинает крутиться или пульсировать, или кнопка начинает как-то двигаться, и анимация проигрывается до тех пор, пока курсор мыши не будет убран с элемента.

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

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


Как вам такое решение? Делитесь в комментариях)
И давайте усложним задачу, набираем 200🔥 огоньков на этот пост,и я делюсь с вами третьим решением, которое уже также в процессе сборки.
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥14412🤯11👍5😱2
Хоть год ещё и не закончился, но он практически пролетел незаметно, я взваливал на себя огромное количество задач, работал как над постоянными проектами, так и вёл новые, большинство из которых я не смог реализовать в готовые сайты, потому что мы либо не начинали работу с заказчиком, либо прерывали сотрудничество в процессе. Постоянно были какие-то недопонимания, затягивания по обратной связи, в общем вечно какие-то нюансы.
Не знаю почему так происходило, мой подход и настрой к работе не менялся, но я знаю точно, что в этом году я раза в 3-4 просел по разработке сайтов, но часть этих проектов просто висели и так или иначе отнимали моё время. Ну так бывает, что поделаешь.
Но за часть освободившегося времени от проектов я записал 2 новых обучения, переписал полностью старое, очень много работал над новыми решениями для тильды, что аж выпустил магазин с разными модификациями

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

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

Основным направлением будет работа над расширением, функционал которого я вам уже показывал в предыдущих постах. Работа над ним – это что-то новое для меня, свежее и как-будто открылось второе дыхание, что не может не радовать)
Также буду продолжать разрабатывать сайты, но большую часть работы буду делегировать.
А сам хочу всё таки больше заниматься вёрсткой, нежели дизайном, потому что мне нравится реализовывать сложные штуки и искать для них решения, поэтому возможно к концу года буду брать проекты с готовым дизайном только на вёрстку

По итогу получается следующее:
⚫️К концу года я буду совсем закрывать клуб "Коднутые", больше туда нельзя будет вступить и купить доступы, но для всех участников всё остаётся как есть, туда будут добавляться записи мастер-классов, эфиров и по возможности буду дополнять обучающими материалами, плюс будут какие-то плюшки внутри клуба, может скидки или что-то еще.
Через месяц-два сделаю тихонько распродажу в этом канале, кто успеет, тот успеет
⚫️Все обучения пока что ставлю на паузу. Не хочу зарекаться, что я больше вообще не буду проводить обучения по коду, но сейчас пока я не вижу в этом смысла, так как новой аудитории мало и проводить обучение на 10 человек в потоке – это больше отнимает времени и сил на саму подготовку и все процессы.
Кто уже забронировал место на основной курс по css, который стартует 27 октября – всё в силе, не переживайте, это обучение состоится 100% 😉
⚫️Весь фокус будет на те проекты и задачи, которые мне приносят удовольствие, не хочу браться за всё подряд и снова загружать себя бесконечно работой.
⚫️Ну и надеюсь, к концу года ждите новое расширение, которое, я думаю поменяет ваше восприятие и формат работы со стандартными блоками в тильде и не только, пусть некоторые моменты останутся в секрете до самого выхода, а там секретов ой как хватает)


Такие вот дела, просто хотел с вами поделиться своими мыслями, переживаниями и небольшими планами на ближайшее будущее, чтобы для вас что-то тоже не стало неожиданным)
А то все про модификации, да модификации на канале)
Please open Telegram to view this post
VIEW IN TELEGRAM
973🔥41🙏10❤‍🔥6😢2
В понедельник, 6 октября буду открывать продажи на основной курс по стилизации стандартных блоков, который стартует 27 октября, а пока вы можете забронировать место на этот курс по самой минимальной цене 🛍

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

Узнать подробнее о курсе и забронировать место можете на сайте:
https://study.dsgnmax.ru/main
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥115🥰2
Что за красота, пока кто-то не отписался и не сломал красивое число😄

Спасибо, что подписываетесь и не отписываетесь🙏

Жду следующее красиво число 4444, может за год подпишется столько единомышленников)
1672🔥38🎉17😁5👍1
Друзья, кому-то нужен промик для регистрации в продамусе за 1 рубль?

На почту пришло письмо, поэтому чтобы не пропадало добро, то первому, кто напишет коммент под постом, что нужен промик – отправлю в личку)

Неплохая такая экономия, я сам в своё время за 8К подключал сервис. И кстати, у кого уже подключен продамус, то тоже посмотрите почту, может и вам тоже прислали, поделитесь со своими коллегами)

UPD: Промик отдал
🔥125👍5