Pixel Perfect

Мы часто говорим про автоматизацию, но редко про то, что происходит, когда сайт ломается. Классика: ночью падает сайт, форма перестаёт отправлять заявки, вебхук молчит. А вы утром заходите в CRM и удивляетесь: «Странно, что-то тихо сегодня...». Просто заявки, деньги и клиенты ушли, но не к вам. Был у нас один клиент. Для него сайт — единственный канал продаж. Ночью решил зайти на сайт и чисто случайно заметил, что всё упало. А если бы не зашёл? Мы сделали 2 вещи: — Поставили себе Uptime Kuma. Теперь любое падение прилетает сразу в телегу. — Настроили error workflow в n8n. Чтобы не просто узнавать о сбое, а сразу его разбирать, логировать, перезапускать, если нужно. Итоговая мысль проста: на вас лежит груз ответственности за продукт, который вы создаете. Поэтому все риски нужно продумывать заранее и реагировать на них вовремя. Если у вас: – бизнес построен на лидогенерации с сайта – есть автоматизации в n8n, которые обрабатывают заявки Или вы просто хотите спать спокойно — не поленитесь внедрить мониторинг. Помните ли вы случаи, когда сайт клиента лег, а вы узнали об этом слишком поздно? 😊

До нас она 5 лет проработала системным аналитиком. Но решила сменить строгую системность на творчество, удаленку и заказчиков по всему миру. Сначала был UX/UI-дизайн и сайты на Тильде — не зашло, платформа тормозила рост. Осенью 2024 Людмила пришла к нам, а сейчас работает дизайн инженером на Webflow. Может собирать под ключ полноценные сайты с CMS, фильтрацией, формами, поиском, кастомными решениями. «Очень понравился подход, максимум практики. Удобная структура модулей, понравились темы про CMS, адаптивность, Finsweet Attributes и анимации. И всё можно было сразу применить в проектах» Что дало основной результат на курсе и после него: ✔️ Чёткое понимание своей цели и то, что она хочет от новой профессии помогло преодолеть страхи и сомнения на старте ✔️ Желание разбираться в нюансах (CMS, сложные анимации, кастомный код, интеграции) ✔️ Умение структурировать работу и не бояться сложных задач Сейчас у Людмилы 2–3 активных зарубежных проекта в месяц с Upwork — студии и стартапы. Например, недавно закончила сайт для архитектурного бюро в строгом швейцарском стиле: с интеграцией 3D Viewer от Autodesk, настройкой токен-сервера и работой с API. Ещё один проект начинался с мини-задачи за $50 — а сейчас вырос до $1000+ и приносит стабильный доход. Из последнего: делала регистрацию и личный кабинет на новом Memberstack, защищённый контент, тарифы, динамическое обновление данных — всё на кастомном JS. Кстати, доход значительно вырос, в сравнении с тем, что был. Людмила продолжает развиваться в сторону более кастомных решений и уже думает о том, чтобы собрать небольшую команду. Нам очень нравится эта история, потому что она про системный рост, только так можно придти к результатам. Людмила яркий пример того как можно кардинально изменить вектор карьеры и выйти на зарубежку всего за 10 месяцев! Согласны? 🔥

Для тех, кто чиллил весь июнь, но в июле настроен прокачать навыки — дарим 40% скидку на все тарифы нашего Webflow-курса — Видео-уроки от фаундера Коли с опытом в Webflow 10+ лет. Будет 30+ новых уроков, а всего их больше 100 — Упрощённый вход для новичков без IT-бэкграунда — Каждый элемент, свойство и инструмент стилизации разбираем на реальных проектах — Учим внедрять любые кастомные решения — Объясняем, как находить клиентов на зарубежном рынке и презентовать им свои услуги — Соберешь 3 сильных кейса в портфолио во время обучения Выбирай подходящий тариф: 1. Only — для тех, кто уже работает в студии или фрилансе и хочет системно прокачать верстку на Webflow 45 990 27 594₽ 2. Basic — если хочешь не только делать сайты, но и выходить на зарубежный рынок, искать клиентов на Upwork и работать с заказами из-за рубежа. 67 900 40 740₽ 3. С нуля до PRO — если хочешь освоить весь путь: от основ до сложных анимаций на JS и кастомного функционала. 123 990 74 394₽ 👾 Оставляй заявку на сайте — там стоимость тарифов уже расчитана со скидкой 40% до 11.07 включительно

Влад уже 6 лет живёт в Черногории и работает поваром. Но с 2023 идея вернуться в разработку, которой он когда-то уже занимался, не отпускала. Сначала пробовал чистый код — HTML, CSS, JS. Но хотелось собирать сайты уже сейчас. Тут как раз попалась реклама нашего бесплатного интенсива. Не дождавшись конца бесплатника, Влад сразу взял курс Webflow Basic с Upwork. Что дало основной результат: — Он не стал углубляться в кодинг и сразу ушёл в Webflow — Заваливал нашу поддержку вопросами, поэтому не залипал долго над сложностями — Не смотря на то, что долго делал выпускную работу и не успел на Битву верстальщиков, не сдался. Взял проект с прошлой битвы и доделал как раз к началу спринта по Upwork! — Уже во время спринта взял первый проект — А дальше просто не остановился и начал бустить навыки Про опыт Влада на спринте Upwork Этот спринт — полноценный буткемп. Вместе с ребятами настраиваем профиль, собираем портфолио, учимся искать заказы и писать отклики. «В спринте Паша наглядно показывал, как работает биржа, как правильно оформлять аккаунт и увеличивать конверсию. Каждый этап сопровождался поддержкой и правками. Это позволило создать качественное портфолио» Буквально на вторую неделю спринта Влад взял свой первый заказ за $600. Задача — привести сайт к единому стилю и сделать style guide. Здесь можно чекнуть финальный результат 🔥 После этого он продолжил работать на Upwork. За 3 месяца взял ещё 3 проекта, а первый клиент стал постоянным и заказывает новые доработки. Сейчас Влад совмещает работу повара с ноукод-разработкой — и планирует сделать второе своей основной профессией. Влад — пример того, что даже без IT-бэкграунда и из другой сферы можно начать перестраивать свою карьеру! Ставьте ❤️, если согласны с нами)

2 июля основатель Playground рассказал в Х про скамера — разработчика Сохама Парекха. Сейчас тот числится сразу в 3–4 стартапах, а за 4 года успел «поработать» аж в 80. Правда, часть задач за него делали джуны и нейронки. Схема была простой: • новое резюме для каждого стартапа • сильный (но фейковый) GitHub • имитация продуктивности на испытательном сроке, а потом он сливался В Х уже спорят, где грань между «совмещаю несколько фулл-таймов» и мошенничеством. Нууу, проблема тут не в том, что человек вёл много проектов, а что он системно обманывал. Еще и в таких масштабах) А как у вас с многозадачностью? :)

Подъехала 2 часть рубрики «вы неправильно используете нейронки». 1. Объясни модели её роль и что ты хочешь от неё. Задай сферу: интерфейсы, UX-тексты или автоматизации. Пример: ты — ноукод-разработчик, который автоматизирует процессы в Airtable и Make. 2. Чётко опиши задачу без абстрактных фраз. Какую проблему решить + результат на выходе No: «Помоги сделать макет экрана» Yes: «Составь список секций и элементов для экрана профиля в мобильном приложении с кратким описанием функций каждого элемента» 3. Задай формат вывода, чтобы сразу вставить результат в сценарий. Примеры: • Выведи как маркированный список • Выведи в виде блоков с подзаголовками • Сформируй JSON-структуру для Make 4. Определи правила (ограничения и требования к стилю). Длина ответа, тон, что нужно избегать. Примеры: • Избегай лишней воды. Ответ — не длиннее 300 слов. • Используй четкий и лаконичный стиль. • Без профессионального жаргона, чтобы понял любой заказчик. 5. Дай пример результата One-shot: сначала даёшь 1 пример, как должен выглядеть результат. Few-shot: даёшь 2+ примеров, чтобы ИИ лучше понял задачу. One-shot: «Пример секции интерфейса. Заголовок: профиль пользователя. Подзаголовок: редактировать данные. Кнопка: сохранить» Шаблон структуры — на скрине. А зачем вообще заморачиваться и что вам даст такой подход, читайте в этом посте Ставьте реакции, и в 3 части разберем one/few shot prompting. Это один из самых мощных способов обучения ИИ 🐅

Раньше мы использовали разных ботов для парсинга заказов и даже писали своего бота для студентов. Но Upwork наконец-то добавил пуш-уведомления о новых заказах. Просто ставишь нужные фильтры и ждешь пушей. Теперь жизнь фрилансеров станет чуть проще. Ну и Upwork смело убил парочку сервисов, которые помогали парсить заказы… Как вам апдейт?

Мы продолжаем сравнение Tilda и Taptop. После просмотра вы узнаете: — Почему мобильная и планшетная адаптация — это уже база — Как в Tilda работают стандартные блоки и почему не всегда получается «как в макете» — Что вас ждёт, если решите всё делать через Zero Block — Как в Taptop всё настраивается один раз в REM и работает без ручной правки на каждом брейкпоинте В видео показали пример сайта с курса, где планшетная версия настраивалась меньше 10 минут, а итог — 3 полноценных адаптива Смотрите по ссылкам ниже: 📹 YouTube 💬 VK

Запускаем серию постов про то, как нужно ставить промпты нейронкам. Хотим погрузить вас в Prompt Engineering 🥂 В этой части разберём, а зачем вообще заморачиваться с промптами. Если до сих пор пишите «сделай мне структуру лендинга для онлайн-магазина» или «сгенерируй форму для заявки на консультацию»… То результат всегда будет на 1/10, и вот почему: 1. ИИ пока что не читает мысли. Чем точнее, яснее и структурированнее запрос, тем сильнее ответ. «Объясни автоматизацию в n8n» «Сделай подробный гайд для новичка по автоматизации в n8n с пошаговыми действиями и примерами» — +20-50% к качеству. 2. Модель выдаёт лучший результат, если задавать не только задачу, но и ролевую модель, цель, правила, ограничения и формат вывода. Чем чётче рамки, тем меньше фантазий от ИИ. 3. Грамотный промпт = меньше допиливать руками, быстрее автоматизировать процессы, запускать продукты и зарабатывать на этом. Кстати, все крупные агентства сегодня используют только Playground/API, где сами управляют контекстом, а не стандартные интерфейсы ChatGPT/Claude. Накидайте реакций, и во 2 части мы поделимся пошаговой структурой для создания промпта, которую используем сами 😏

1. Готовность работать в режиме многозадачности • перевод «у нас нет нормальных дедлайнов» • жди, что в пн делаешь лендинг, во вт фиксишь CRM, а вечером срочно добавляешь pop up 2. Идеальный кандидат — энтузиаст, нацеленный на результат • перевод «готовься к выгоранию» • компания хочет, чтобы ты работал много, но платит за это мало, рассчитывая на твои амбиции 3. Конкурентная з/п + возможность влиять на свой уровень дохода • перевод «денег нет, но можете попробовать на это повлиять» • фикс небольшой, основная часть з/п — бонусы. сколько заработаешь непонятно, но ответственность за низкий доход на тебе. 4. У нас гибкие методологии, каждый может реализовывать любые идеи • перевод «решай всё сам, но угадай наши ожидания» • нет чётких ролей и процессов, «делай как чувствуешь», но отвечать тебе А какие фразы триггерят вас и почему?

Автоматизация и интеграции — черный ящик для 90% клиентов. Термины звучат страшно, а в глазах немного темнеет от мысли «вдруг всё сломается» 🤔 Поэтому перед каждой встречей я делаю простую штуку — рисую схему будущего решения Например, клиенту нужна интеграция онлайн-записи YClients. Если начать объяснять про API и эндпоинты, можно в целом готовиться его потерять… Вместо этого я показываю: • Как пользователь выбирает город • Какие данные передаются между этапами • Где происходит SMS-подтверждение • Что в итоге получается Всё! Реакция «дорого и непонятно» сменяется на «класс, логично, хочу так же». По сути это первая задача, которую я решаю бесплатно. При этом не лью воду, а объясняю все по делу. Клиент видит, что я в теме, и понимает, за что платит. Правило простое: спрашивать себя «Если бы я не разбирался в этом, я бы всё понял?». Если нет, упрощать. Непонятное не покупают. Понятное — покупают охотнее. А как вы объясняете клиентам сложные штуки? Не обязательно в автоматизациях, в любом проекте

Если работаешь в Тильде и часто думаешь: «Почему нельзя сделать эту кнопку такой, как я хочу?» — видео для тебя. После просмотра ты узнаешь: — Почему в Тильде каждую кнопку и блок приходится настраивать вручную. — Как в Taptop работают стили и классы и как одна настройка может менять десятки элементов сразу. — Чем отличается подход Taptop к созданию сайтов от типичных конструкторов. — Когда стоит выбирать Тильду, а когда Taptop. Смотри видео по ссылкам ниже: 📹 YouTube 💬 VK

Бэкграунд Вадима был следующий: дизайнер с опытом 3+ лет в интерфейсах. До нас он уже пробовал Framer и делал пару сайтов на шаблонах Webflow. Но понял, что без нормальной базы далеко не уедешь. После курса мы порекомендовали его как сильного студента на стажировку в Relate. Она была насыщенной: в первую же неделю он собрал мобильную версию сайта, а потом получил задачу на вёрстку целого проекта — десктопа + мобилки. В одной из секций нужно было реализовать эффект snap scroll, так что пришлось лезть в JavaScript и GSAP. Справился за пару дней! И понеслась: работы со стажировки быстро начали конвертиться в новые заказы. Так что курс + стажировка дали Вадиму и знания, и коммерческие проекты. Ну наш 💪 Пример одной из работ можно чекнуть тут (или на скринкасте) https://www.diambra.ai Сейчас он продолжает фрилансить, работает парт-тайм в проекте и параллельно будет брать заказы на Upwork. Как вам проект Вадима? Мы в восторге) А @relate_studio спасибо, что доверяете нашим студентам!

#ru">Grid Garden Поливаете морковку и избавляетесь от сорняков, паралелльно осваивая базовую структуру CSS Grid и продвинутые свойства (grid-area, repeat(), fr) #ru">Flexbox Froggy Похожая история, только теперь вы правильно расставляете лягушек, осваивая flexbox. CodeCombat RPG-игра для новичков в программировании. Учитесь редактировать исходные коды на нескольких языках, включая JS Elevator Saga Тут ваша задачка запрограммировать движение лифтов так, чтобы они успевали обслуживать пассажиров. Вся логика пишется на JS Colobots Главный герой — астронавт, который исследует планеты и строит базы. В помощь ему дроны, которых вы программируете на JS под разные задачи. CSS Diner Вы — повар, который должен выбирать блюда с помощью CSS-селекторов. В процессе игры изучаете простые и комби селекторы, псевдоклассы и атрибуты. Понимание CSS и JavaScript — must-have, чтобы уметь выходить за рамки стандартных возможностей Webflow или Taptop: ⭐️ кастомные анимации и интерактив (JS) ⭐️ адаптивные стили под разные устройства (CSS) ⭐️ кастомные блоки, кнопки, карты, чат-боты, трекеры и т.п. ⭐️ вставка стороннего кода без боли А ещё это помогает быстрее искать и править баги + уверенно пользоваться DevTools в браузере. Так что сохраняйте подборку и делитесь с теми, кому тоже будет полезно!

Ладно, если серьезно, мы просто решили узнать, кто как собирается проводить выхи. И напомнить, что качественный отдых супер важен для продуктивной работы и генерации новых идей! Так что если пока ничего не планировали, попробую вас вдохновить. Я тут осваиваю велоспорт, чтобы не снижать градус активности. Может, среди вас есть те, кто в нем уже уверенный мидл) Делитесь своими планами, будет классно почитать ⤵️

Если не успели на эфир или хотите пересмотреть, вот запись: 🔗 YouTube 🔗 VK Бесплатник был классным стартом для освоения Taptop. Стоит ли двигаться дальше? Один из студентов, Сергей Никонов, сейчас как раз проходит основной курс, поэтому хотим поделиться его фидбеком «Я на середине обучения, но уже могу отметить крутое начало — мини-уроки по html, css и js. Все элементы Taptop объясняются доступно: что делают, как настраиваются и стилизуются. Хотя я почти год работаю с Taptop, всё равно узнал новое. Обратная связь — отдельный плюс. Даже на свои самые душные вопросы получал развёрнутые и понятные ответы. Макет для практики почти как у реальных заказчиков: на кириллице, без типичных «читерств» вроде тёмного фона и латиницы. Порадовало, что сразу учат верстать в относительных единицах и объясняют, зачем это нужно. Ну и подача классная: преподаватель проговаривает каждый шаг, но не показывает на видео всё до конца. Заставляет включать голову и быстрее прогрессировать» Если вдруг поймали себя на мысли «хочу так же» — напомним: через 6 дней стоимость вырастет на 5K: 27.000₽ 32.000₽ – тариф ONLY 34.000₽ 39.000₽ – тариф BASIC Стартуем уже 19 июня. Присоединяйтесь к курсу и смотрите полную программу по ссылке https://taptop.pixelperfect.school/

Разберём ваши работы и частые ошибки новичков. Будет полезно всем, кто осваивает профессию Taptop-разработчика. Расскажем, что изменилось в программе Taptop-курса — что обновили, на чём теперь фокус и как это повлияет на ваш прогресс. И, конечно, ответим на все вопросы по поводу стажировки после курса. А ещё… 🎉 Проведем долгожданный розыгрыш iPhone 16. Чтобы участвовать, нужно сдать все домашки до 16:00 мск сегодня. Это дедлайн, после него дз не принимаем. Напоминаем: если ты всё сдал, но тебя не будет в онлайне в момент розыгрыша — айфон может уехать к другому, такие правила До встречи в эфире: 📹 YouTube 💬 VK

У нас даже есть свой амбасадор заграничной жизни — Арсений. Сейчас он живёт в UK и стабильно делится своими буднями и сложностями через тг-кружочки. В чате часто всплывает тема легализации в Европе — от ВНЖ до налогов и оформления документов. Поэтому хотим собрать реальный опыт комьюнити! Поделитесь, как у вас это происходило? С какими трудностями столкнулись? Сколько заняло времени? Что сработало, а что нет? ⤵️

На 1 уроке разбираем, как клонировать макет и сделать его уникальным. Придумываем свой стиль, подбираем цвета, генерим 3Dшки. Затем собираем первую секцию: настраиваем структуру, разбираемся с классами и работаем с Flex и Grid. Поэтому в домашке ребята стилизуют макет под себя и верстают первый экран на Taptop. Тем временем, уже вышел второй! Если не хочешь пропускать, то переходи в бота, чтобы присоединиться к бесплатнику — все дз сдаём там https://t.me/pxp_reg_bot?start=id465308607 😏