💻💻💻 Итоги: №3 Челлендж на самую быструю верстку😎😎😎

Провели с Вадимом эфир и подытожили результаты ваших работ. Отметили, что с каждым челленджем у всех участников заметно растет качество верстки. Что очень круто!

⚡️Критерии оценки работ

1️⃣место — 5000 рублей — @Shagoyantigran

⌛️3,5 часа
📌51 балл
👉Смотреть работу

2️⃣место — 3000 рублей —@alexdnsv

⌛️11 часов
📌49 баллов
👉Смотреть работу

3️⃣место — 1500 рублей —@panaev24

⌛️5,5 часов
📌48 баллов
👉Смотреть работу

4️⃣место — 1000 рублей —@gdvden

⌛️17 часов
📌46 баллов
👉Смотреть работу

🚩место — 500 рублей—@artishev

⌛️11 часов
📌41 балл
👉Смотреть работу

🚩место — @AndrewRazor

⌛️18 часов
📌40 баллов
👉Смотреть работу

🚩место — @JulietteDm

⌛️14 часов
📌26 баллов
👉Смотреть работу

А кто пропустил эфир, можете посмотреть его ниже по ссылкам:
📱YouTube
📱ВК

Зачем участвовать в челлендже на самую быструю верстку?

1️⃣Азарт
2️⃣Прокачаешь скилл
3️⃣Портфолио + рейтинг
4️⃣Приятный бонус
5️⃣Твоя работа будет размещена на нашем маркетплейсе (если будет соответствовать всем критериям)

Обязательно участвуй в следующем конкурсе и качай скиллы в верстке!💪🏼

Хэй-Хэй! Начинаем наш стрим с разбором ваших работ🔥😎

Вадим уже приготовил свой фидбек.

Оцениваем:
- качество верстки;
- пиксель перфект;
- скорость;
- количество сверстанных блоков;
- технические решения (кастомкод, анимации).

Залетай скорее на стрим:
📱YouTube
📱ВК

Ребята, это было круто! Вчера был крутой эфир, 2 часа пролетели на одном дыхании. Разобрали кучу тем, обсудили боли рынка и пришли к важному выводу, с которым согласились все эксперты.

Главная мысль:

👉 Figma задала стандарты дизайна во всём мире — в том числе и в России.
👉 Webflow — стандарты современной верстки на Западе.
👉 А в России случилась стагнация.

Почему?
В России никогда не было своего Webflow. Вместо этого дизайнерам дали инструменты не для верстки, а для быстрого размещения картинок и текстов. Конструкторы научили всех пользоваться zero-блоками, но не научили верстать правильно.

Итог?
Появилось множество сайтов с громоздким кодом, которые долго грузятся, и которые тяжело продвигать в поисковиках. А зачастую такие сайты значительно отличаются от того, что задумал дизайнер, и выглядят, мягко говоря, не идеально на различных устройствах.

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

Конструкторы просто не способны создавать и поддерживать такие проекты.

А что на Западе?
Там Webflow, который стал аналогом полноценной студийной разработки. Если сайт сделан на Webflow — это мощный качественный продукт, точно такой же, как если бы его делали верстальщики и разработчики.

Клиенты понимают, что получат качество на уровне разработки кодом, но за меньшие деньги.
Поэтому они готовы платить дизайнеру в 3–4 раза больше, чем специалисту по конструкторам.💲

И вот что важно:
Такой же тренд пришел на российский рынок. Клиенты нуждаются в качественной верстке, крутых сайтах и сильных специалистах. Но для этого нужен инструмент. И таким инструментом является Taptop.

Вывод:
Сейчас именно то время, когда нужно осваивать профессию no-code верстальщика и выходить на рынок. И сделать это ты можешь уже сейчас, достаточно сделать первый шаг — зарегистрироваться в Taptop и сделать первую секцию твоего будущего сайта.😎😎😎

Приходи сегодня в 19:00 по МСК на второй день интенсива Pixel Perfect. В прямом эфире ребята покажут, как верстать на Taptop – вместе с тобой они сделают основной блок с персональной 3D-анимацией. Не пропусти!🔥

Нас уже 200 человек в эфире, а тебя еще нет?

Игорь — основатель 🎁Taptop уже начал рассказывать про продукт. Скорее подключайся и задавай вопросы

📹 Смотреть на YouTube
💬 Смотреть в VK

Стартуем бесплатный 3-х дневной интенсив по Taptop! Ребята из Pixel Perfect приготовили очень насыщенную программу🔥

Сегодня разберем:
— Разницу между визуалом и полноценным сайтом. Почему два одинаковых макета могут стоить 20К₽ и 60К₽? Как Taptop повышает ценность твоей работы?
— Конкретный roadmap дизайнера от джуна до ноукод-специалиста, который закрывает проект целиком.
— Состояние IT-рынка: что сейчас ждут клиенты и почему скорость + результат стали важнее красоты.
— Сравним Taptop с Tilda и Webflow и выясним, кому Taptop уже приносит заказы.
— Покажем реальные кейсы, собранные дизайнерами на Taptop. Чтобы вдохновиться и на втором дне интенсива сверстать ещё круче.

Встречаемся сегодня в 19:00 по мск. Запись будет доступна до 27 апреля — потом она сгорит.

Залетай скорее на интенсив:
📱YouTube
📱VK

Очень тебя ждем на эфире! Обещаем, будет очень круто!

👌👌 Отображение (рендеринг) кастомного кода на холсте 👌👌

Привет! Мы продолжаем радовать вас новыми крутыми фишками Taptop. На этот раз мы выкатили очень нужную фичу для тех, кто активно использует кастомный код, который влияет на дизайн сайта.
Теперь на холсте и в превью отображаются все стили, заданные с помощью CSS-кода.

Как оно работает?
Например, мы вставили код, который меняет размер текста у элемента с определенным классом в зависимости от ширины экрана (rem + vh для разных брейкпоинтов). И продолжили верстать.

Как в этом случае подогнать пиксель к пикселю? Дизайн, настроенный в правой панели, мы видим, как есть. А по дизайну, заданному с помощью кода, мы не видим изменений в редакторе.

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

✅Сейчас: все изменения отобразятся сразу на холсте в билдере.🫰

И еще одна маленькая и приятная штука:
В превью отображаются изменения, заданные с помощью JS.

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

Как вам такая фича? Накидайте лайков для команды❤️

Салют, ребят, на связи Игорь😊

😎 Рад объявить, что мы начинаем сотрудничество с компанией Pixel Perfect.
Это те самые ребята, которые уже несколько лет успешно обучают верстке на Webflow.
Мы давно с ними знакомы и давно обсуждаем возможные коллаборации.
И вот, наконец, этот момент настал.

Почему именно сейчас? Все очень просто.

1️⃣ Taptop за последний год выкатил просто феноменальное количество фичей: гриды, новые классы, коллекции, клиентский режим, файловое хранилище... и этот список можно еще писать очень долго, все обновления есть в нашем публичном роадмапе.

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

Ведь, помимо все этих крутых фичей, которые так полюбились пользователям Webflow, у нас есть интеграции с российскими сервисами, мы можем принимать оплаты в российские банки и платежные системы, а наши сервера находятся в России (соблюдение 152ФЗ).

2️⃣ Ребята из Pixel Perfect готовят отличных спецов для работы на западном рынке.
Но с каждым днем к ним все чаще приходят те дизайнеры, кто хочет работать и зарабатывать в России.
И абсолютно логично - применить весь свой успешный опыт в обучении и дать им такую возможность.

Логичный вопрос, а на каком сервисе учить верстать?
🙅 У Webflow нет нужных для России интеграций, а сервера находятся за пределами страны. Поэтому это отличный инструмент для зарубежного рынка, но не для российского.

🙅 Tilda? Ну нет, школ полно. И ничего нового и инновационного этот инструмент дать дизайнеру не может.

👍 Всем уже давно понятно, что, если ты профессиональный дизайнер, который рисует в Фигме, то тебе нужно использовать такой же профессиональный инструмент, как Webflow или Framer.
А в России единственным таким инструментом является Taptop.

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

А начнем мы с 3-х дневного бесплатного интенсива, который стартует уже завтра, во вторник, 22 апреля, в 19:00 по мск.
Я хочу вас всех на него позвать, будет реально интересно.
Все подробности по ссылке:

👉 Записаться на бесплатный интенсив от Pixel Perfect

Челлендж №3: 💻💻💻 на скорость!

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

Зачем участвовать в челлендже?

1️⃣Азарт
Проверишь себя на скорость — это как спорт, только с версткой.

2️⃣Прокачаешь скилл
Ты получаешь практику в сжатые сроки. За день соберешь сайт, получишь реальный опыт — пригодится и для работы на Taptop, и с заказчиками.

3️⃣Портфолио + рейтинг
Работа победителя попадет на маркетплейс, если соответствует всем критериям🔥А это значит, +1 реальный кейс в твое портфолио и дополнительные баллы к рейтингу. А рейтинг — это твоя видимость для клиентов. Чем выше, тем больше шансов получить заказ.

4️⃣Приятный бонус
За лучшую работу — денежный приз. Приятный бонус за старание.

📌Задание: заверстай сайт (или несколько блоков, как успеешь) по макету из Figma и получи приятные бонусы:

1️⃣— 5000 рублей + размещение твоей работы на маркетплейсе Taptop (если она соответствует всем критериям)🤩
2️⃣— 3000 рублей
3️⃣— 1500 рублей
4️⃣— 1000 рублей
5️⃣— 500 рублей

❤️ Лови макет для верстки.

👉Пришли свою работу.

🔔Дедлайн: 20 апреля (воскресенье) в 12:00 по мск.

👉Критерии.

Главный кубатур на вечеринке: Вадим Дорошенко👇Он разберет все работы в прямом эфире 23 апреля (среда) в 18:00 по мск.👇

📱YouTube
📱ВК

Удачи!🔥

Очень рады, что рабочая неделя подходит к концу! Есть немного времени, чтобы передохнуть и… начать верстать сайт на скорость для субботне-выходного челленджа!😉

Собрали для вас подборку мотивационных карточек, потому что вы у нас лучшие❤️

Вчера очень душевно посидели вместе с Максимом Чистовым и посчитали экономику фрилансера на примере нашего субботнего челленджа на самую быструю верстку. 🫠

Если кратко:

✅Чтобы рассчитатать стоимость часа, разделите общие расходы на количество рабочих часов в месяц. Для этого нужно вести учет расходов в таблицах — учитывайте подписки, сервисы, аренду, технику, налоги и прочие расходы. Только так можно понять, сколько вы реально зарабатываете. (А чтобы понять, какими формулами пользоваться, пересмотри эфир).

✅Важно учитывать время на коммуникацию, правки и администрирование — это тоже ваша работа.

✅Повышать стоимость работ — это абсолютно нормально. Важно грамотно это аргументировать.

✅Оценивайте проекты с «вилкой» по времени и избегайте переработок: работа должна быть завершена в срок.

✅Личный сайт-портфолио — ключевой инструмент привлечения клиентов. И не надо забывать про посещение конференций.

Если у вас будут вопросы, можете лично обратиться за консультацией к Максиму @ego_trickster

А кто не успел залететь на эфир, очень рекомендуем к просмотру:

📹YouTube
💬VK

Ставь 🔥, если понравился эфир.

🔥Так-так-так, дизайнеры, готовы узнать все про фриланс? Мы начинаем эфир!👩‍🍳😉😉

Вы выбрали топовые вопросы — а Максим Чистов уже приготовил на них ответы:

1️⃣ место: «Сколько стоит мой час, и как вообще это посчитать?»

2️⃣ место разделили:
🟣 «Сколько нужно зарабатывать, чтобы «нормально жить» на фрилансе?»

🟣«Когда пора нанимать помощников и перестать делать всё самому?»

Что ж, давайте узнаем все про экономику фриланса!

Подключайся:
📹YouTube
💬VK

Ждем твоих вопросов на эфире!

Уже завтра 17 апреля в 18:00 по мск вместе с Максимом Чистовым обсудим экономику фриланса. Согласно первому голосованию, самым популярным вопросом оказался: «Сколько стоит мой час, и как это вообще посчитать?».☺️ Максим уже готовит на него ответ.

Смотреть эфир:
📱YouTube
📱VK

И не забудь поставить напоминалку, чтобы не пропустить🫣

А пока подготовили для вас еще один опросник, давайте выберем еще топовый вопрос для Максима👇

👌👌 Новая фича: Файловое хранилище 👌👌

Файловое хранилище — теперь все файлы проекта доступны в левой панели в отдельной вкладке Assets (Ресурсы).

Что это дает?

1️⃣Возможность хранить, просматривать и добавлять на холст файлы из единого хранилища, что очень удобно, когда файлов много.

2️⃣Загружать на наш хостинг не только картинки и видео, но и файлы с любым форматом, например, pdf, xls, txt, и даже скрипты.

3️⃣Для каждого загруженного файла можно скопировать в буфер обмена ссылку на его скачивание и на просмотр.

Например, мы можем выложить на сайт ресторана pdf-файл с меню, который можно открывать во вкладке браузера для просмотра. А на сайт поставщика строительных материалов — xls-файл с ценами материалов, который можно скачать на компьютер или телефон.

4️⃣Для каждого файла теперь можно скопировать не только абсолютную ссылку, но и относительную. Это особенно удобно, когда мы работаем с проектом на нашем поддомене и планируем подключить свой.

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

5️⃣Загружать скрипты. И это особенно оценят те, кто юзает разные js-библиотеки и каждый раз парится, на каком сервере разместить скрипт, к которому будет обращаться сайт.

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

Накидай реакций, если понравилась фича. ❤️
Как обычно, выкладываемся на максимум и выпускаем для вас все самое классное и полезное.

💻💻💻 Итоги: №2 Челлендж на самую быструю верстку😎😎😎

Наш суровый, но справедливый преподаватель Академии Taptop Геннадий подвел итоги второго челленджа по верстке на скорость.

Работ было в два раза больше, и мы старались охватить все критерии, с которыми можете ознакомиться ниже👇

⚡️Критерии оценки работ и баллы

Вывод 1: мы видим, как у участников растут скиллы от к верстке к верстке, чему мы очень рады!

Вывод 2: среди участников есть настоящие перфекционисты, что отдельно греет душу нашим преподавателям:)

Итак, результаты:

1️⃣место — 5000 рублей — @artishev

⭐️Персональное почтение от Геннадия⭐️

⌛️10 часов
📌62,45 баллов
💫Работа — 🔥пиксель перфект
👉Смотреть работу

2️⃣место — 3000 рублей —@panaev24

⌛️15 часов
📌59,25 баллов
💫Стильная верстка, крутые анимации, почти идеальный пиксель перфект
👉Смотреть работу

3️⃣место — 1500 рублей —@Shagoyantigran

⌛️16 часов
📌59 балла
💫UI KIT
👉Смотреть работу

4️⃣место — 1000 рублей —@anatoly221122

⌛️18 часов
📌51,45 балла
💫Классная работа с классами
👉Смотреть работу

🚩место — 500 рублей—@alexdnsv

⌛️15 часов
📌50,65 баллов
💫Идеальная вторая секция
👉Смотреть работу

🚩место — @buitaly

⌛️20 часов
📌48,2 балла
👉Смотреть работу

🚩место — @HelgArt_A

⌛️14 часов
📌 47,5 балла
👉Смотреть работу

🚩место — @gdvden

⌛️23 часа
📌 46,65 балла
👉Смотреть работу

🚩 место — @theodemute

⌛️22 часа
📌 45,7 балла
👉Смотреть работу

1️⃣0️⃣ место — Владислав

⌛️10 часов
📌 45,4 балла
👉Смотреть работу

1️⃣1️⃣ место — @arche_design

⌛️19,5 часов
📌 44,2 балла
👉Смотреть работу

1️⃣2️⃣ место — @yana_khusainova

⌛️14 часов
📌 42 балла
👉Смотреть работу

1️⃣3️⃣ место — @AndrewRazor

⌛️24 часа
📌 34 балла
👉Смотреть работу

1️⃣4️⃣ место — @StellarVoyager11

⌛️23,5 часа
📌20 баллов
👉Смотреть работу

Обещаем делать челленджи еще круче! Если у вас есть пожелания или идеи, поделитесь с ними в комментариях.

И да, ждем вас на следующем челлендже.

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

Разбирает наш любимый Геннадий, а в конце раздаст призовые:

1️⃣— 5000 рублей
2️⃣— 3000 рублей
3️⃣— 1500 рублей

Залетайте:

📱YouTube
📱ВК

Как не просто работать, а зарабатывать на фрилансе?🤌

В этот четверг в 18:00 по мск поговорим об этом в эфире с Максимом Чистовым и обсудим тему «Экономика фрилансера: как и зачем её считать».💲

Максим — сооснователь и арт-директор агентства Nine Squares, спикер Skillbox, Дизайн-Выходных, GeekBrains, Логомашины, Eduson Academy, Roistat (а ещё — бывший дизайнер Tilda 🤫).

Уже сейчас ты можешь повлиять на вопросы, которые мы обсудим на стриме. Сегодня и завтра мы опубликуем голосования — в каждом выбери по одному ❓, который хочешь разобрать вместе с Максимом.

Первый опрос уже здесь — голосуй ниже!👇

Челлендж №2: 💻💻💻 за 2️⃣4️⃣часа!

📌Задание: заверстай сайт (ну или несколько блоков, как успеешь) по макету из Figma. За первые три места раздаем приятные бонусы:

1️⃣— 5000 рублей
2️⃣— 3000 рублей
3️⃣— 1500 рублей

❤️ Лови макет для верстки.

👉Пришли свою работу.

🔔Дедлайн: 13 апреля (воскресенье) в 12:00 по мск.

Главный кубатур на вечеринке: Геннадий Сидоров😎Он разберет все работы в прямом эфире 15 апреля (вторник) в 18:00 по мск.👇

📱YouTube
📱ВК

Удачи!

Устрой destroy прожарку!🔥

Уже завтра стартует наш 2️⃣ челлендж по верстке за 24 часа!Решили, что будет всем чуть спокойнее верстать именно в выходные, поэтому ставим себе напоминалку завтра на 12:00 по мск, чтобы ничего не забыть🔔💻💻💻

Как обычно, мы приготовили для тебя шаблон, приятные призы, пробежались по критериям и уже готовы встретиться с тобой в эфире во вторник 15 апреля, в 18:00 по мск.

Дорогой дизайнер, очень ждем твою работу!❤️Жди завтра специального поста с деталями, и да, давай устроим прожарку!

❗️❗️Новая фича: Custom Properties😎

Привет-привет! А мы к вам с новой фичой. Кажется, после нее нет никаких ограничений в управлении дизайном.

Если описать просто: в Taptop в правой панели раньше было 109 свойств, которыми можно манипулировать и с их помощью менять дизайн. После релиза этой фичи для манипуляций доступны уже 363 свойства!

Как это работает?

1️⃣ Выделяем элемент, скроллим вниз панель стилей.

2️⃣ Внизу доступен новый блок Custom Properties: нажимаем на иконку плюса, вводим название нужного нам CSS-свойства и его значение.

3️⃣ Вуаля — к выделенному элементу применилось добавленное свойство!

Особенности:
⭐️ Доступны для применения почти все CSS-свойства, поддерживаемые современными браузерами.
⭐️ Есть поиск по названию свойства.
⭐️Можно вводить любые значения и единицы измерения — даже те, которых нет среди встроенных в Taptop. Например, dvh, lvh.
⭐️Если свойство задано через Custom Properties, его редактирование в панели стилей будет недоступно — появится серая плашка с подсказкой, что очень удобно.
⭐️Свойства из Custom Properties можно добавлять как в локальный класс, так и в пользовательский.
⭐️ Удаление свойства происходит по аналогии с другими стилями в правой панели. Можно либо нажать на иконку минуса, либо зажать Shift и навести курсор.

👉Ближайшие доработки:
В скором времени добавим возможность вставлять список скопированных свойств.
Например: копируем все свойства из DevTools в Figma и вставляем в инпут в Custom Properties в Taptop. Все скопированные из Figma свойства добавятся и применятся к элементу. Это экономит очень много времени, особенно когда нужно быстро перенести дизайн.

👍В итоге: теперь не нужно использовать виджет Embed или Custom Code страницы, чтобы задать недостающие стили элементу, и мучаться, когда нужно их найти и поправить в общей портянке.

Ну что, как вам такая фича?❤️

Как добавить границу только с одной стороны элемента?

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

Смотри на:
📱YouTube
📱VK или Rutube

А если ты пока еще осваиваешь верстку на Taptop, приходи к нам на бесплатный курс с обратной связью от преподавателя. Научим верстать сайты профессионально👌

Маркетплейс Taptop
Друзья, делюсь новостями, как и обещал😊
Мы почти доверстали новую версию нашего маркетплейса.

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

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

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

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

Наша задача:

1️⃣ Предоставить заказчику доступ к списку экспертов, у которых можно заказать разработку сайта, а также возможность посмотреть реальные проекты, которые уже сверстаны на Taptop.

2️⃣ Дать фрилансерам и компаниям возможность получать заказы на разработку сайтов на Taptop и на различные услуги, связанные с онлайн-бизнесом (маркетинг, контент, автоматизация).

Как будет работать маркетплейс:
🔜 Клиент заходит на Taptop в раздел Маркетплейс/Эксперты.
🔜 Если клиент выбирает понравившегося специалиста и нажимает "Нанять", то мы связываемся с выбранным специалистом и согласовываем детали заказа.
🔜 Если клиент нажимает заказать сайт без указания специалиста, то мы, как и сейчас, будем подбирать его в ручном режиме.

Важно:
🔜 Это MVP, поэтому мы будем очень плавно его наполнять, развивать и улучшать, собирая фидбек. Тут все, как у нас принято) Поэтому, если чего-то, на ваш взгляд, не хватает или что-то нужно поправить, не переживайте. Просто напишите нам.
🔜 Мы еще не продумывали способ монетизации таких заказов для Taptop, поэтому первое время решили не брать процент от таких сделок.
Самое важное - наладить механику.
🔜 После того, как маркетплейс будет минимально наполнен экспертами и сайтами, мы начнем заливать на него рекламу.
Для старта нам нужно минимум 30 экспертов. С учетом того, что на платном курсе сейчас учится 250 человек, думаю, что с этим не будет проблем)

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

Объявляю прием заявок от всех добросовестных фрилансеров открытым😊
Для попадание на маркетплейс нужно заполнить заявку

Коллеги, помните я обещал рассказать подробности, если пост наберет 100 реакций? Он их набрал😊
Скоро будет анонс...

⭐️Новая фича — Rich Text⭐️

Rich Text — встроенный текстовый редактор в Taptop, с которым удобно управлять тексто-графическим контентом прямо на холсте.

Данная фича состоит из двух частей: нового виджета и нового поля для коллекций. Последнее позволяет создавать полноценные блоги и новостные сайты.

Как это работает?

1️⃣Добавляем виджет Rich Text на холст.

2️⃣По умолчанию контент в нем статичный. Дважды кликаем по виджету — откроется поп-ап для редактирования. Добавляем текст, изображения, ссылки, видео и др.
Этого уже достаточно для простого сайта, где требуется гибкое форматирование текста. Например, если на главной странице есть блог с: цитатой автора, текстом, картинкой, эмодзи.

🌺На сайте большое количество похожих страниц? Используем коллекции! Добавляем новое поле с типом Rich Text, выделяем ранее добавленный на холст виджет Rich Text и привязываем к нему это поле.

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

Теперь менеджерам клиента будет удобно работать с такими данными через таблицы коллекций❗

Что уже реализовано:

✔️ Виджет Rich Text.
✔️ Базовые стили: жирный, курсив, подчёркивание.
✔️ Заголовки, списки, цитаты и блоки кода.
✔️ Вставка ссылок, изображений и видео.
✔️ Автофильтрация HTML-кода для безопасности.
✔️ Поддержка горячих клавиш и Markdown.
✔️ Поле с типом Rich Text в коллекциях.
✔️ Привязка поля коллекции к виджету.

Хочешь знать больше и внедрять новые фишки в Taptop? Присоединяйся к нашему дружному комьюнити, там собрались самые классные дизайнеры. Развиваем продукт вместе💜

🔥Итоги: №1 Челлендж за 24 часа🔥

Но вначале небольшое отступление! Во-первых, хочется сказать всем спасибо за то, что вы сделали такие классные работы за такое ограниченное время! Вы прям 🫶

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

Итак, результаты:

1️⃣место — 5000 рублей — @gdvden

⌛️15 часов
📌60 баллов
💫Мощное интро, качественная верстка!
👉Смотреть работу

2️⃣место — 1500 рублей —@panaev24

⌛️2,5 часа
📌55 баллов
💫Безумная скорость верстки!
👉Смотреть работу

3️⃣место — 1000 рублей —@AndrewRazor

⌛️15,5 часов
📌53 балла
💫Анимации и классы!
👉Смотреть работу

4️⃣место — мистер инкогнито

⌛️13,5 часов
📌52 балла
👉Смотреть работу

5️⃣место — @buitaly

⌛️7,5 часов
📌48 баллов
👉Смотреть работу

6️⃣место — @Alina_Bolgert

⌛️14,5 часов
📌43 балла
👉Смотреть работу

⚡️Критерии оценки работ и баллы от Вадима

Очень рады, что вы у нас есть! Ждем вас на следующем челлендже через неделю.

❗️Через полчаса, в 18:00, запускаем стрим с разбором работ первого челленджа «Сверстай за 24 часа»❗️

Интересно, кто же у нас самый быстрый верстальщик!?🌸

📱YouTube
📱ВК

Ребятаааа! Нам @alex_mtwl прислал вот такой обзорчик клавы, которую выиграл в конкурсе от Taptop🔥

Круто жжж! Будем чаще такое разыгрывать! Захотелось вот с вами поделиться.❤️

Всем классной пятницы!

Пока мы в ожидании эфира от Вадика с разбором работ верстки на скорость, решили пофантазировать, чтобы отвечал нам Гугл, если бы мог читать наши мысли.

Если что-то наболело, поделись в комментариях, мы обязательно спросим у 📱, он точно даст дельный совет!🔥😎

Все про классы и их настройку

Пришел клиент и попросил срочно внести правки? Изменить фон, цвет текста, размер карточек, а у тебя 10 страниц? Не нужно устраивать себе адовую неделю с правками, тратить часы и фиксить все по отдельности.🔥

Просто заходишь в класс — и меняешь все одним кликом. На большом сайте в Taptop это экономит часы, а иногда и дни работы.

Скорее смотри видео, как это работает:
📱YouTube
😎Rutube
📱VK

Мы знали, ты ждал этого 🥰

Всем доброго утречка! Ну что, готовы к прожарке? Ничто так не бодрит, как верстка на скорость!🐱

Итак, небольшой recap:

📌Задание: заверстай сайт (ну или несколько блоков, как успеешь) по макету из Figma. За лучшую работу приятный бонус — 5000 рублей.

👍Пришли свою работу.

🚩Дедлайн: 3 апреля в 12:00 по мск.

Работы разбирать будем в прямом эфире 4 апреля в 18:00 по мск.

📱YouTube
📱ВК

👍 Макет для верстки

Удачи!🫶

Ищем самого быстрого верстальщика на Диком Западе!🤠

Привет-привет! Мы ооочень хотим, чтобы ты прокачал свои навыки в верстке на Taptop, поэтому решили запустить на постоянной основе челлендж «Сверстай на Taptop за 24 часа». Устроим прожарку!🔥

Что получаешь?

1️⃣. Соревнуешься с ребятами на время и качаешь скиллы.

2️⃣. Получаешь фидбек от куратора Академии Taptop в прямом эфире.

3️⃣. Кладешь готовую работу в свое портфолио.

4️⃣. И самое приятное — забираешь 5.000₽ за лучшую работу.

❤️ Задание простое: тебе надо заверстать на скорость небольшой сайт по макету из Figma.

Критерии для оценки: качественная верстка, скорость, количество сверстанных блоков, интересные технические решения.

Механика: в день челленджа мы публикуем пост, где будут указаны все данные — ссылка на материал и контакт, куда присылать работу. Прием работ закрывается через 24 часа.

Стартуем уже завтра в 12:00. Жди заветного поста.✈️

А пока — накидай реакций, если готов стать bladerunner speedrunner в верстке!🫡

Даем клиентам добро на редактирование ⚒️

Taptop вводит новую фичу! Client mode — режим, в котором клиент может спокойно менять тексты, картинки и (чуть позже) линки с виджетами.

Как это работает:
➡️Ты делаешь макет как обычно и отмечаешь, какие элементы можно редактировать.
➡️Клиент заходит в проект в клиентском режиме, кликает на текст или картинку и меняет их без риска сломать дизайн.
➡️Публикует обновленный сайт и справляется без твоей помощи.

В будущем дадим клиентам еще больше свободы (без ущерба дизайну): настройку линков, виджетов и удобный доступ к проекту.

Теперь наши пользователи могут выдохнуть, ведь client mode спасет от неожиданных «а почему у меня все поехало?» при полном доступе клиента к проекту.

Ставь ❤️, если давно ждал такую фичу.

Как совместить слайдер с коллекциями?🤔

На эфире с Сашей Гудаевым разобрали, как интегрировать Swiper в Taptop и связать слайдер с коллекциями на примере шаблона Yuuby. Такое решение не только удобно для пользователя, но и мастхэв для каталога товаров.

📎Саша запилил подробную инструкцию, как это сделать. Уже лежит у него в канале, так что обязательно чекни.

По секрету скажем, что нам пришла идея запустить интенсив, где мы не просто разберемся со Swiper.js и коллекциями, но и создадим полноценную галерею товаров. Все подробности расскажем позже 🔥

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

Посмотреть эфир:

📹YouTube (кстати, подписывайся на наш YouTube-канал, там много интересного)
💬ВКонтакте

Оставайся на связи и ставь ⚡, если будешь ждать наш интенсив.

🔴Начинаем эфир, присоединяйся! ⏱⏱

Первое правило комьюнити Taptop — чаще говорить о комьюнити Taptop 😒

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

Присоединяйся, чтобы прокачивать скиллы в кругу no-code верстальщиков 🤯

Ставь ❤️, если уже тонешь в своих заметках и напоминаниях.

Верстаем слайдер с Коллекциями🤟

В пятницу в 14:00 по мск проведем стрим, где Саша Гудаев будет верстать слайдер на Swiper.js и подключит к нему Коллекции (CMS). Разбор пригодится всем, кто хочет разбираться в коде и научиться использовать возможности Taptop на все 100%.

🎁Но и это еще не все. Проведем викторину на знание Taptop и CSS, где можно выиграть фирменную футболку от Taptop 🎁

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

📹YouTube
💬ВКонтакте

👉Напоминалка, чтобы не забыть про эфир👈

Не забудь подписаться на наш канал на YouTube, чтобы не пропустить следующие эфиры и новые видео.

Приходи на эфир, будем ждать🫶🏻

Исправляем ошибку формы легко и быстро📎

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

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Контент, который подстраивается под тебя📎

Автоскейл поможет сделать так, чтобы элементы плавно подстраивались под размер экрана, не ломая дизайн. Больше никаких «поехавших» кнопок и заголовков — все плавно адаптируется под нужный брейкпойнт.

Смотри видео по ссылкам:

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Ищешь вдохновение для проектов?🩵

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

▶️Подборку составил дизайнер и куратор Академии Taptop Геннадий Сидоров⬅️

🥺 https://www.neoculturalcouture.com/

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

🥺 https://noomoagency.com/

Возможно ли нагрузить сайт такими анимациями и при этом избежать лагов при скролле? Не уверен. Но сочетание типографики и 3D — мое почтение. А этот геймпад так и хочется взять в руки.

🥺 https://paix-design.com/

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

🥺 https://the-flow-party.webflow.io/

Flow Party — это милота и веселые микроанимации. В свое время, вдохновляясь этим референсом, я делал дизайн сайта для Joki Joya. Получилось и весело, и брутально одновременно. Не слишком по-детски, но и без излишней серьезности. Баланс? Он самый...

🥺 https://www.str8fire.io/

Кликни на «Start» и скажи мне, как сделана заставка стартового экрана? Я пока не нашел ответа.

Ты всегда можешь прислать нам свой крутой сайт, сделанный на Taptop, и мы выложим его на нашем канале Лучшие кириллические сайты Taptop. Так о нем узнает больше людей 🙌🏻

С тебя ⚡️, если понравилась подборка.

Выровнять текст по центру⭐️

Кажется, что выравнивание текста задача на пару секунд. Но часто новички выравнивают текст так, что при адаптивной верстке все съезжает. Расскажем, что делать, чтобы этой проблемы больше не возникало.

Смотри видео по ссылкам:

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Базовое разрешение в Taptop 📏

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

Смотри видео по ссылкам:

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Осваиваем контекстные селекторы 🎯

Как работают контекстные селекторы (микро-анимации)? Как правильно их настроить для своих проектов, чтобы, например, создать динамичную карточку товара?

Узнаешь подробнее по ссылкам:

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Свежие обновления Taptop 🤲

Мы продолжаем совершенствовать Taptop, добавляя новые фишки и улучшения, которые сделают верстку еще удобней. Посмотреть, что сделано, а что еще планируется ты всегда можешь в Roadmap.

А пока держи самые последние фичи:

📎Управление click/hover через pointer-events

Теперь можно контролировать, как элементы реагируют на клик и наведение. Например, можно сделать так, чтобы элемент никак не реагировал на указатель (none) или наоборот, добавить реакцию со значением по умолчанию (auto).

📎Гибкая настройка фона через background-clip

Свойство background-clip определяет, где именно будет находиться фон блока. Он может заполнять всю область под рамками (border-box), только контент и внутренние отступы (padding-box) или только сам контент (content-box). А с значением text фон применяется к тексту.

📎Дополнительные состояния для табов

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

📎Анимации для background-color и text-color

Меняй цвет фона и текстов по скроллу или с другими триггерами — теперь это можно настроить прямо в Taptop.

📎Кастомизация разных состояний виджетов

Теперь можно стилизовать:
✅Открытые и закрытые табы.
✅Активные и посещенные ссылки в меню.
✅Формы оплаты в состояниях Success и Error.
✅ Инпуты, чекбоксы, радио и селекты с ошибками.
✅Текущий элемент в слайдере (буллит или миниатюру).

📎Фильтры для фона через backdrop-filter

Теперь можно использовать разные визуальные эффекты для фона, например размывать или смещать цвета.

📎Новые свойства анимации: border-width и border-radius

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

📎Блокировка скролла в поп-апах

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

📎Семантические теги для дивов

Теперь можно указывать различные теги для дивов, секций и контейнеров: header, footer, nav, main, section, article и другие. Это улучшит SEO и сделает код сайта более структурированным.

📎Обновленный интерфейс панели управления

✅Убрали боковую панель команд — теперь выбор команды доступен через селект в верхнем углу.
✅Больше пространства для проектов — список команд больше не занимает правую часть экрана.
✅В карточке проекта теперь видно, какой тариф хостинга подключен, чтобы сразу понимать статус оплаты.

Мы активно работаем над новыми обновлениями и прислушиваемся к твоим запросам. Если хочешь влиять на развитие Taptop, заходи в наш Roadmap или пиши в наше комьюнити. Все идеи обсуждаем и обязательно реализуем❤️

Когда хочешь поменять стиль одного айтема, а меняются все 🫣

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

Смотри видео, чтобы не тратить время на лишние правки:

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Кем еще, если не веб-дизайнером?🧑‍💻

Если однажды тебе надоест двигать дивы и править отступы, не переживай — всегда можно сменить профессию. Мы тут прикинули, кем мог бы стать веб-дизайнер, если бы ушел в другое дело.

Ставь ⚡️ , если нашел неожиданную перспективу для карьеры.
Ставь ❤️, если дизайн навсегда в твоем сердце.

Что делать, если фон для айтема применяется ко всем айтемам, а не только к одному нужному? 🎊

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

Смотри видео по ссылкам:

📹YouTube
💬ВКонтакте или Rutube

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Мы дождались⚡️⚡️⚡️

В субботу вместе с UPROCK мы открыли первый поток курса по no-code верстке на Taptop, и уже более 200 студентов начали путь к новой профессии.

Почему мы так гордимся этим курсом?

🌸 Taptop создан для легкой работы с сайтами — без ограничений стандартных конструкторов. Здесь ты сможешь собирать сайты любой сложности самостоятельно.

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

✨ Видео-формат + персональная поддержка. Теория и практика в каждом уроке, домашки, разборы работ и подробный фидбэк от преподавателей. Каждую неделю ты будешь создавать новый проект и оттачивать знания от курса.

❇️ Лучшие работы попадут в Made in Taptop — проект, где мы собираем топовые сайты, сделанные на нашей платформе. Кроме того, каждый выпускник, успешно завершивший курс, получит бейдж сертифицированного партнера Taptop.

➕Бонус: хостинг для портфолио на 2 года, чтобы сразу показать свои навыки потенциальным заказчикам.

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

▶️Кстати, у нас есть уютное комьюнити веб-дизайнеров, где обсуждают последние новости, обновления Taptop и всегда могут задать вопросы нашей команде о функционале ⬅️

Давай вместе качать no-code и создавать крутые сайты 🩵

Настроил стиль текста, но ничего не изменилось? 🌚

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

Смотри, чтобы больше не терять время на вопросы по верстке:

📹YouTube
💬ВКонтакте

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Как можно научиться верстать без заморочек?⌨️

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

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

Если ты еще не подписан, вот отличный момент это исправить:

📹YouTube
💬ВКонтакте или Rutube (если с ютубом вдруг проблемы)

Заходи, смотри, учись🫶🏻

Друзья, салют😊 На связи Игорь.
В эту субботу завершилось крутое мероприятие UPROCK FEST 2025.
Спасибо Жене, его команде, спикерам, нашей команде и всем, кто туда пришел, было круто.
У нас много новеньких, поэтому представлюсь еще раз.
Мы Taptop - российский аналог Webflow.
А еще мы те самые ребята, которые на этом мероприятии угощали всех страждущих вкусными лимонадами, Lapochka.
Очень рад всем новым подписчикам. И хочу пригласить вас вступить в наше теплое комьюнити лапочек Taptop, где можно общаться и узнавать внутрянку нашего продукта.

👉 Вступить в комьюнити

Внутренние и внешние отступы 📐

Чем отличаются внутренние (padding) и внешние (margin) отступы, почему они работают не так, как ты ожидал, и какие ошибки с ними случаются чаще всего?

Смотри новое видео и наводи порядок в верстке:

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

Почему div с фоном есть на холсте, но пропадает на сайте? 🔎

На этот вопрос ответит новая серия Taptop HTV. Покажем, почему div, контейнер или секция с фоном отображаются в редакторе, но пропадают после публикации, и как это исправить.

Смотри видео:

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

А еще Taptop угощает гостей мероприятия лимонадами Лапочка🫶🏻

Где сегодня можно найти Taptop? 👀
Конечно же на UPROCK FEST 2025 в Москве!!!

Накидай реакций, а мы пока будем снимать и показывать, что тут происходит📸

Делаем эффект стекла на сайте 🔮

Этот стильный прием часто используют для современных сайтов, но его создание вызывает вопросы. Как добиться мягкого размытия заднего фона? В новом видео разберем Backdrop filter и покажем, как за пару кликов сделать этот эффект в Taptop.

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

Верстать на Taptop — это как…

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

Что и говорить, чистый кайф. Мы сделали милые карточки в стиле Love Is, но про ощущения пользователей Taptop.

Листай и пиши в комментах, какие чувства возникают у тебя🥹

Фрилансить выгодно и с удовольствием 🤑

Обожаем общаться с веб-дизайнерами, которые уже во всю верстают на Taptop и знают, как грамотно выстроить работу с заказчиками.

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

🐁 Добавляй свои контакты на коммерческие сайты

Возникает вопрос: “а клиенты не против, что на их сайте есть ссылки на дизайнера?” Сергей говорит, что сразу оговаривает это в договоре и никаких проблем с этим не возникает.

🐁Используй возможности Taptop по максимуму

Один сайт Сергей сверстал с поддержкой команды Taptop, другой на базе шаблона из маркетплейса, и заработал на нем 80К. Берем на заметку!

🐁Всегда заключай договор

Четко пропиши все этапы работы, процесс оплаты и как принимаешь правки. Это убережет от неожиданных «давай-ка переделаем все».

🐁Бери брифинг на себя

Клиенты часто не понимают, что именно им нужно. Задачей дизайнера будет вытащить всю важную инфу из созвона с клиентом, а потом ему нужно самому составить бриф и определить потребности.

📌 Хочешь задать вопрос Сергею или заказать у него сайт? Лови его ТГ-канал, там он пообещал поделиться вопросами, которые задает клиентам перед работой.

Посмотреть и пересмотреть эфир ты можешь по ссылкам:

📹Youtube
💬Вконтакте

Оставайся с Taptop и, возможно, следующим гостем интервью будешь именно ты🔔

Как изменить цвет кнопки при наведении? 🥳

Новички в веб-дизайне часто сталкиваются со сложностями в анимации кнопок. Кажется, что нужно мудрить и задавать много настроек, но в Taptop все намного проще.

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

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

🔴⏱⏱Начинаем прямой эфир, присоединяйся!

Стрим уже через час ⌛

Как перестать зависать в туториалах и начать делать крутые коммерческие сайты на Taptop? Сегодня в 14:00 по мск узнаем это у Сергея Никонова, финалиста Taptop Design Battle и разберемся, как быстро прокачаться в веб-дизайне и ворваться в digital.

⚡️А еще будет викторина с призами (так что будешь не просто слушать, но и получишь шанс что-нибудь выиграть)⚡️

Смотрим по ссылкам:

📹Youtube
💬Вконтакте

Залетай на эфир, ждем всех🫶🏻

Оверлей изображений в Taptop за пару кликов 💻

Хотелось сделать затемнение картинки или наложить полупрозрачный слой вручную? На примере из Taptop покажем, как легко добавить оверлей к изображению – так же, как ты привык в Figma.

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

Pixel Perfect на связи📞

Если ты хоть раз гуглил, как научиться верстать no-code сайты, то точно слышал про Pixel Perfect — одну из лучших школ по верстке на Webflow. Ребята изучили Webflow вдоль и поперек и вот наконец записали разбор Taptop vs Webflow.😎

Разбираемся вместе с ними:
💡 Отличия Taptop от Webflow.
💡 В чем наши крутые фишки, а где Webflow пока впереди?
💡Почему преимущество на российском рынке именно у Taptop?

А еще мы договорились с Pixel Perfect и дарим бонус для их подписчиков — бесплатный пробный месяц на тарифе Team Pro.

Где все это найти?
👉Пост в ТГ- канале Pixel Perfect (тут есть бонусный промокод)
👉Разбор Taptop vs Webflow на YouTube и в Вконтакте.

Продвигаться в веб-дизайне вместе с Taptop 🚀

Еще недавно он разбирался в азах no-code верстки, а теперь вовсю создает коммерческие сайты в Taptop. Как, спросите вы?

Об этом поговорим с Сергеем Никоновым, финалистом Taptop Design Battle, который занял третье место с сайтом-портфолио.

Какого это — работать на заводе, а потом уйти в дизайн и освоить новую профессию вместе с Taptop?

13 марта. В 14:00 по мск. Не пропусти.

📹Youtube
💬Вконтакте

👉Напоминалка от бота

Будем рады твоим вопросам и участию в чате эфира, приходи😏

Фоновое изображение или Widget Image, вот в чем вопрос... 🤔

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

Смотреть по ссылкам:

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

Кто спасет твой сайт? 🆘

У каждого из нас бывал затуп в верстке, когда пытаешься вернуть все назад, настроить по-другому, и в итоге все летит. А можно было просто написать в поддержку Taptop и решить все за пару минут.

Как обратиться в поддержку?

🌸 Taptop Support Bot @taptopsupportbot (отвечает в будни с 10:00 до 18:00 по МСК).

🌸 Чат на сайте taptop.pro (нажми на иконку справа).

🌸 Чат в редакторе (жми на знак вопроса и выбирай «Связаться с поддержкой»).

🌸 Почта help@taptop.pro

Мы не оставим тебя один на один с багами. Пиши, и мы разберемся, поможем, поддержим 🫂

Как поставить изображение на фон? 🏞

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

Смотреть по ссылкам:

📹Youtube
💬Вконтакте

📌А чтобы точно освоить верстку от A до Я, рекомендуем пройти бесплатный курс Академии Taptop.

Ускоряем верстку в Taptop x2 🏃‍♂️

Можешь часами двигать элементы, чтобы перенести макет точно до пикселя? Спокойно, дыши. Мы собрали несколько способов ускорить верстку в Taptop, чтобы ты делал свои проекты быстро и без заморочек:

🔵Настройка текста в root

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

🔵Компоненты

У тебя на сайте много повторяющихся элементов? Не создавай их заново, а оформи как компонент и добавляй везде одним кликом.

🔵UI Kit

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

🔵Гриды

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

🔵Коллекции

Нужно отредачить разом все карточки товаров? Теперь у тебя есть виджет Коллекции, с которым ты быстро настроишь параметры всех карточек разом, а также каждой отдельно. Вот в этом видео мы подробно рассказали о тонкостях работы с Коллекциями.

🔵Комьюнити Taptop

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

Мы сделали Taptop, чтобы тебе было удобно. Так что верстай быстро, и не давай сложностям в верстке победить тебя 😑

Дорогие подписчицы, вам сегодня можно все, ведь наступило 8 Марта🌸🌸

Пусть ваш креатив никогда не иссякает, верстка идет как по маслу, а проекты закрываются без правок (ну или хотя бы с первой итерации от клиента😅).
Сохраняйте энергию, кайф и любовь к своему делу.

С праздником! Будьте смелыми, вдохновленными и счастливыми. А теперь — сохраняйте проекты и бегом отмечать 🌺

Барабанная дробь... И победитель обнаружен 🏆

Поздравляем @alex_mtwl - обладателя Figma Creator Micro Keyboard! С такой стильной клавиатурой макеты начнут собираться в разы быстрее⚡️

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

Спасибо всем за участие. Если не в этот раз повезло, то не расстраивайся, мы планируем еще много крутых розыгрышей!

🎉 Результаты розыгрыша:

🏆 Победитель:
1. Алексей (@alex_mtwl)

✔️Проверить результаты

Почему мы начинаем верстку с базового разрешения? 🌤

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

Посмотреть видео можно по ссылкам:

📹YouTube
💬ВКонтакте

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Нашли на просторах Твиттера X 👀

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

Самая частая ошибка новичков❌

Многие новички в нашем закрытом чате комьюнити часто задают один и тот же вопрос: «Ой, у меня почему-то контент поехал за пределы контейнера, хотя вроде все делал по видео». Но, как правило, проблема кроется в маленькой неточности — фиксированная высота для контейнера.

Посмотри это видео, чтобы узнать, как правильно задавать параметры для родительского элемента и сделать так, чтобы контент не "плыл" по всему холсту:

📹YouTube
💬ВКонтакте

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Что точно нужно посетить веб-дизайнеру весной🩷

Нигде ты так не погрузишься в сущность дизайна, не познаешь себя UI/UX-самураем как на вершине горы, танцуя на ветру… или на UPROCK FEST 2025.

Китайская народная мудрость.

Уже 15 марта в Москве UPROCK FEST соберет дизайнеров, арт-директоров и digital-специалистов, чтобы послушать топовых спикеров и обсудить, наконец, что ждет UI/UX в 2025 году. Команда Taptop не может пропустить такое событие, поэтому мы тоже будем😉

Кого ты увидишь на сцене?

😻Евгений Кузьмин, основатель ведущей школы веб-дизайна в России UPROCK и партнер Taptop, который знает все о трендах и коммерческом дизайне.
😻Артемий Лебедев, основатель Студии Артемия Лебедева и человек-инфоповод, который не только создает громкие дизайнерские проекты, но и активно влияет на медиапространство.
😻Артем Геллер, управляющий партнер СМЕНЫ (AIC). Дизайн-директор AIC, основатель «Дизайн-выходных».
😻Макс Орлов, арт-директор и основатель агентства ONY.
😻Анжелика Лурс Кур, креативный директор дизайн-агентства в Нью-Йорке DD.NYC®, которая расскажет про веб-дизайн в США.

Москва, кинотеатр «КАРО 11 Октябрь»
15 марта, 12:00 – 20:00

🤥 Сейчас билеты стоят 2000 руб, но цена скоро вырастет — раскупают с бешеной скоростью, так что советуем приобрести уже сейчас по ссылке.

До встречи на UPROCK FEST 2025💖

Убрать горизонтальный скролл на мобильной версии 🤝

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

Спойлер: всего 2 минуты видео, и твои мобильные адаптивы будут идеальны.

Узнать, почему так происходит и как это исправить, можно по ссылкам:

📹YouTube
💬ВКонтакте

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤

Мама, мама, я закончил Академию🎓

— Академию? Какую? Медицинскую? Юридическую?
— Академию Taptop! Теперь я no-code верстальщик.

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

Если ты веб-дизайнер, который хочет не просто рисовать макеты, а собирать полноценные сайты уровня Awwwards, у нас для тебя припасено целых две возможности освоить визуальный редактор кода Taptop.

Есть два пути…

🥺 Бесплатная Академия Taptop

Для кого:
— Тем, кто хочет понять, что такое Taptop и сверстать свой первый сайт.
— Тем, кто уже пробовал верстать на конструкторах, но хочет научиться работать с инструментом покруче.

Что в программе:
✔️ 9 коротких уроков
✔️ Домашки и разборы с кураторами
✔️ 1 полноценный проект

😩Переходи по ссылке и начинай прямо сейчас.

😢 Полный курс Taptop x UPROCK (Старт 15 марта)

Для кого:
— Новичков, кто только учится верстке.
— Опытных веб-дизайнеров, кто хочет не только делать макеты, но и собирать сайты без ограничений конструкторов.

Что в программе:
✔️ 10 недель обучения от основ верстки до коммерческих проектов
✔️ Разборы работ и фидбек от кураторов
✔️ Каждую учебную неделю новый проект в портфолио
✔️ Освоение Taptop до уровня «бери заказ и верстай»

Стоимость: 19 000 ₽

Осталось всего 20 мест в потоке!

😩 Забронировать место можно, написав нашему менеджеру.

Если у тебя возникли какие-то вопросы по курсу или функционалу Taptop, то можешь задавать в комментариях или обратиться в нашу поддержку @taptopsupport

Как сбрасывать свойства в классах?🖇

Что делать, если я хочу удалить конкретное свойство элемента в классе? Все очень просто! Переходи по ссылке, чтобы точно знать как:

📹YouTube
💬ВКонтакте

Подписывайся на наш YouTube-канал, чтобы не пропустить новые видео 🫤