Руслан Гараев • Пиксель в пикселе

Руслан Гараев • Пиксель в пикселе

@garaevschool
Изображение канала: Руслан Гараев • Пиксель в пикселе
688 подписчиков
13 постов
Посты
История о том, как Figma в связке с Tilda разрушили мой рабочий день 🦈
СПОЙЛЕР: Framer всё изменил к лучшему. Знакомо: вы согласовали с клиентом дизайн в Figma. Все довольны, макет идеален. А потом вспоминаете, что теперь это нужно перенести в Tilda. И тут начинается ад: → Сетки в Tilda живут по своим законам (как будто их проектировали на обратной стороне Луны). → Кнопки уплывают вникуда, стоит только ткнуть в «мобильную версию». → Хоткеи? Какие хоткеи? Тыкай мышкой, как в 2007-м. Это как после BMW пересесть на трактор: руль есть, педали тоже, но едет криво и скрипит 🫠 А потом я открыл для себя Framer и ... 🔑 Словно взяли Figma, добавили волшебную кнопку «Сделать сайтом!» и сказали: Работай как привык. Ничего переучивать не надо. Что осталось родным: → Все панели — слои, свойства, страницы, инструменты — на своём месте. → Тот же Alt + Drag по привычке дублирует элементы. → Даже шорткаты для копирования стилей (CMD + Opt + C) — и те работают. Выше прикрепил скринкаст: как я копирую секцию из Figma во Framer → и сразу публикую. Время: 33 секунды. 😵 Фишка для тех, кто устал от Tilda: Framer — это не «ещё один конструктор». Это ваш Figma-макет, только он ещё и дышит, на него можно кликнуть и он живёт онлайн. P.S.: На моём обучении будет лайфхак: «Как за 15 минут подготовить Figma-макет для переноса в Framer, даже если вы никогда не верстали». Стало интереснее? 🔥
Будем считать, что ваши плюсы под постом выше → это заявки в лист ожидания ❤️‍🔥
Всем из этого листа я дам лучшие условия в знак благодарности за «быстрое» доверие. А в ближайшую неделю я буду делиться информацией о том, почему я выбираю Фреймер, полностью отказывавшись от других инструментов. И также приоткрою занавес, как я готовлюсь к выпуску нового обучающего проекта. Называю его именно «проект», а не курс и не интенсив, потому что отношусь к нему как к своему детищу. Задумка реализовать такой формат взращивалась во мне несколько лет, и наконец сейчас я во всеоружии, чтобы её начать воплощать. Не переключайтесь. А точнее оставайтесь в этом канале, если хотите узнать как работать с зарубежными проектами 🥊
Итак, продублирую текстом 🎱
Идея такая: Давно хочу поделиться с вами своими техниками работы во Фреймере. Начать с обучения по базе, с нуля показать как верстаются дизайн-макеты. Продолжить фишками и эффектами с различными анимациями. Сразу скажу, формат будет необычный. Такого вы ещё точно не видели (по крайней мере, мою задумку ещё никто не реализовал). Я сам сейчас верстаю только на Фреймере, как для русских клиентов, так и для зарубежки: на зарубежке очень много запросов на вёртстку уже готовых макетов на Фреймере. Так что, если вы хотите расширить свой функциональный опыт и работать с зарубежкой → вэлкам в комментарии. Пишите «+» 👇, хочу понять для кого буду делать.
Изображение поста
🥊 Как оплатить ChatGPT и другие сервисы из России в обход санкциям?
Надеюсь, мой канал не читают дяди из РКН 😅 Вы дали мне огня → я даю вам контент. Классно же! Как я уже рассказывал выше, мне пришлось быстро найти решение для оплаты лицензии на шрифт на зарубежном сервисе. При этом не имея казахстанской (или другой страны) карты. И знаете, что сработало? WantToPay — сервис в Телеграм-боте, который создает зарубежные виртуальные карты. Без паспорта, селфи и нервов. Регистрация — 2 минуты, и вы уже оплачиваете Midjourney, Framer, Figma, ChatGPT, Netflix и даже Booking! Почему это круто: ✅ Не нужно светить личными данными. ✅ Работает через Telegram — всё в одном мессенджере. ✅ Включил VPN (обязательно для территории РФ) → оплатил → забыл о санкциях. Где смотреть инструкцию? Специально для вас записал видео, где показываю шаг за шагом, как это работает. → Смотреть видео Ссылки: → Сервис WantToPay → Мой VPN (HitVPN) Если было полезно — дайте 🔥 реакций. А если РКН всё же читает мой канал… ну, привет 👋
Изображение поста
Как и обещал → показываю последний кейс, сверстанный на Framer 🦞
Интерактивные компоненты, прелоадер, куки-баннер, лид-форма в связке с AmoCRM. Получилась связка стиля с функционалом. P.S.: без претензии на конверсионный эффект. Главное чтобы клиент остался доволен! → ссылка для просмотра Что скажете? 🔥
Ещё один сайтец на конвеере 👨‍💻
Перелопатил одну из своих последних работ по просьбе клиента. Получилось почистить UI после пользовательского теста. Осталось прикрутить кастомные формы, ссылки и прелоадер (по прихоти). После чего смогу показать и вам. Желаете глянуть «поближе»? ⚡️
Изображение поста
Хард компонент едишн 👨‍💻
Знаете, как создать такие ховер-карточки без кода? Это не просто, особенно с нуля. Однако это возможно! Этим мне и нравится Фреймер. Реализовать можно практически любую задумку, и не нужно знать код 😛 Главное понять основы работы с ним. Как вам такой эффект? 🔥
Немного покопавшись во Фреймере, удалось собрать интерактивный экран 👀
→ Гляньте! Нужна ваша обратная связь, я могу уже не видеть мелкие недочёты. Пишите, если увидите 👇
Изображение поста
Концепция для сайта-портфолио 🎱
Делаю первые шаги в сторону зарубежного рынка дизайнеров. Приходится впервые заморочиться над своим сайтом для демонстрации своих кейсов. Концепции уже как пару месяцев, но сел допиливать первый экран только сегодня. Что скажете? 🔥
Изображение поста
😍 Моё восхищение!
Слежу за западными веб-разработчиками и поражаюсь тому, что можно без единой строчки кода воплотить в жизнь чуть ли не любой креатив. Вот он — век ноукода 😭 → Сами посмотрите на это волшебство. Как вам? 🔥
Как вам такой формат обучения?
Периодически поглядываю, кто как свои обучалки проводит, платные и бесплатные. И уже который год вижу один и тот же формат в одном и том же исполнении. Как мне кажется, такое уже устарело. А что вы думаете? 👇
Изображение поста
Приехал на Валдай провести этот уикенд и заодно лично встретиться с клиентом.
И тут меня нахлынула волна вдохновения: а может обучалку короткую какую-нибудь провести? Поделиться с вами своими прикладными инструментами и фишками. Как представлю себя, рисующим в Фигме стильные карточки и вёрстку CMS для уроков — аж дух захватывает 😅 Что скажете? Кому идея 🔥 заходит?
Изображение поста
Что вы знаете о командной работе над одной задачей 🫠
Изображение поста