by makstorch

😣 — У этого элемента bouncy нужен, а ты поставил smooth 🍷 — Да хуй знает, у тебя в Figma так, а в коде иначе Бывало такое? Когда вы с разработкой не можете договориться, какая анимация должна быть и всё, тупик. Но знаете что, для ликвидации этой проблемы есть один опенсорс-проект, который снижает путаницу при работе с разными типами анимаций Это прямо алмазик среди гор непонятности. Вы только гляньте, можно сбилдить полноценное демо-приложение для macOS с интерактивным изучением и сравнением анимаций в SwiftUI. Если хотите разобраться, как ведут себя разные анимационные кривые, подобрать правильные параметры для своих приложений и попасть пуля в пулю с макетами — смело берём: 🔗SwiftUI Animation Playground Доступно 9 типов анимаций: .spring, .smooth, .snappy, .bouncy, .easeIn, .easeOut, .easeInOut, .linear и .interpolatingSpring Опции настройки: duration, hold, shape, bounce, stiffness, damping В режиме сравнения до трёх анимационных кривых параллельно ❌ В эту же тему напомню, что ранее писал про кастомизируемый движок с управляемой физикой в SwiftUI — Kinetics #dev#frontend#анимация

На канале есть рубрика про #рефы. В неё иногда залетают примеры с физикой элементов, и тогда звучит вопрос: «Окей, а как это сделать?». Если на вебе всё просто — есть движки вроде Matter.js или PhysicsJS, а вот что делать на мобиле? Недавно мой dev-бро как раз для своей рабочей задачи нашёл кастомизируемый движок с управляемой физикой в SwiftUI — Kinetics🧑‍💻 Штука удобная и мощная по возможностям: 🎯 Ретаргетинг Меняет цели анимации на лету при взаимодействии, идеально для интерактивных элементов 🚀 Импульс Естественная имитация импульса, которая ещё и отзывчивая 🦾 Тянучесть Сопротивление объекта, дающее гладкое, естественное ощущение натяжения 🧲 Магнетизм Умные привязки к значимым позициям. Например для циферблатов, ползунков и вообще любых интерфейсов, где важны дискретные значения 🏀 Упругость Реалистичное поведение при столкновениях с настраиваемой потерей энергии Короче, пробуйте тоже. Мир интерфейсов двигается вперёд за счёт тех, кто не боится экспериментировать. И да — храни Бог этих упоротых энтузиастов, которые пишут опенсорс-библиотеки и движки вместо того, чтобы просто жить спокойной жизнью 😎 #dev#frontend

📣Навигация и посты Путешествуй по каналу через хештеги и быстро находи нужный контент по рубрикам: 0️⃣ Рандомная тема по будням 1️⃣ По вторникам #рефы 2️⃣ По пятницам #мемы 3️⃣ Раз в месяц #ИНДУС_vs_AI 4️⃣ Эпизодично #труСтори и #вГостях 5️⃣ TG Stories раз в 2-4 дня 🌙Пишу не каждый день 🤖Бот-ассистент Для связи и предложений ⚡️Бустануть канал Для настоящих бро ❌ #️⃣ Все хештеги 🧠 Про работу и процессы #мысли • #работа • #workflow 🪄 Делюсь красивым и полезным #wowdesign • #сервисы • #figma • #рефы 🎤 Живое общение и истории #труСтори • #факапы • #вГостях 📚 Делюсь знаниями #аналитика • #исследования • #гайды 📝 Узкоспециализированные #проТекст • #проUXUI • #книги 📰 Ситуативные посты #новости • #полезное • #madeinRussia 🙃 Веселье и баловство #мемы • #забавное • #диалоги • #wtf 🕹 Интерактивчики #ИНДУС_vs_AI • #конкурсы • #опросы 🧪 Эксперименты #Адовый_FIX 🎛 Технические посты #AI • #AR • #3D • #VFX • #CGI • #анимация 🛠 Максимально технические #OS • #dev • #frontend • #apple • #android 💌 Раздаю нежность и респекты #вакансия • #бесплатнаяреклама • #подарки ©️ Чекпоинты канала #channelupdate • #NewYearAppsIcons • #итоги • #начало ❌ 🌀Пост обновляется при наличии новой информации

Были на Lottie, стали на Lava Здарова банда. Вы наверняка уже читали о редизайне Airbnb, но мало кто обратил внимание на ключевую фишку обновления — новую технологию анимации, которая может изменить правила игры 🤙 Помимо глобального обновления интерфейса и добавления двух крупных разделов — сервисы и впечатления, команда представила новый медиаформат под названием Lava — потенциальную замену Lottie 😮 Какие мысли: ✅ Возможно, поддержка растра и 3d ✅ Походу будет трансформ объектов ✅ Кроссплатформенность: Web, iOS, Android ✅ Будет доступен в open-source, как и Lottie Прикрепил демо-анимации от разработчиков и промо обновления. Пока что заметны подлагивания и фризы, так что ждём полноценный релиз. Интересно, как это повлияет на рынок анимации. #анимация#dev#новости

Text Slide анимация числа для вашего проекта Без зависимости и удобно настраиваемый После последнего поста с рефом слайд-анимации даты, мне накидали вопросов про реализацию, рассказываю. Сегодняшнюю моду на такой эффект дали яблочники, у них нативно можно вызвать метод contentTransition и в SwiftUI такое делать изи. Но а как же другие среды? Для веба есть классное решение — NumberFlow, использовали недавно его на одном из проектов, кайф. 🛠 Поддержка: React, Vue, Svelte, TS/JS 🔗NumberFlow: Show case 🔗Github: Number Flow Для Android слышал, делают через Jetpack Compose, но как работает в реальности — хз, на промо хорошо :) #dev#frontend#полезное

🪓Готовые дизайн-системы Вроде, сегодня каждый понимает, что дизайн-системы значительно ускоряют процесс создания дизайна или целого продукта/сервиса. Многие уже неоднократно создавали или обновляли их, и я не исключение. Решил поделиться не очень популярным знанием — готовые дизайн-решениями для команд. Так получилось, что я активно участвую в различных side-проектах и стартапах, чтобы не терять навыки, а некоторые из команд работают с готовыми решениями. У меня даже появились любимчики. Если вам нужно проверить гипотезу или быстро собрать работающий MVP, смело используйте что-то из списока: 🖼shadcn/ui Стильный дизайн-код, большая база готовых блоков и компонентов. Реализация на базе Tailwind CSS с открытым исходным кодом. 🖼Tailwind UI Оригинальный Tailwind CSS, более строгий визуальный стиль. 🖼Magic UI Отличная база для красивых лендосов, работающая на React, Typescript, Tailwind CSS и Framer Motion. 🖼Ant Design Простая и понятная дизайн-система с большим количеством элементов, идеально подходит для SaaS, B2B проектов. Реализация на React UI. 🕳 В подборке нет пердячих систем, типа IBM и Atlassian, или React Bootstrap. Если вы занимаетесь продуктовым дизайном, знакомство с этим списком как полезное упражнение — изучить другую дизайн-систему, почерпнуть что-то новое и в целом расширить свои знания. #работа#frontend#dev

🍏Camera Control Кажется, Эппл задал новый тренд для китайских телефонов и скоро мы увидим множество похожих на Camera Control кнопок 🥱 Я почитал спеку и там есть интересные моменты, смотрите: ✓ Данный контрол может использоваться только для приложений, которые работают с камерой (иначе будет реджект по HIG) ✓ Внутри контрола можно использовать только SF Symbols ✓ Если вы ранее использовали кнопки на превью камеры — переносите их в новое меню 🤤 🔗HIG Camera Control Теперь вы тоже вооружены, чао! P.s. Есть ещё прикол с камерой. 11 лет назад в iPhone 4 уже был слайдер переключения режимов как в новой iOS. Вот так камбэк :) #apple#dev

Турбо-сжатие видео🎁 Для канала я часто использую софт для сжатия видео, чтоб вы не грузили дохуя метров себе на девайс. З — забота. Пробовал всякое: Movavi, Permute 3, Wondershare и так далее. Но в пятницу для мем-видоса, я с 64 МБ получил 3.3 МБ, это сжатие без потери качества на 95% 😧 🔗Сжать видео 🕳 Для разработчиков и продАктов: Самое классное в этой истории, что ребята из Rotato, которые делают 3D-софт для создания вкусных мокапов, для этого бесплатного сервиса по сжатию видео, используют опенсорс фреймворк FFmpeg. Если вы работаете с видео, то обязательно берите на заметку, т.к. это наглядный пример пиздатой работы по сжатию. А ещё он умеет декодировать, кодировать, транскодировать и работает в самых разных средах 💪 🔗Source Code Кроссплатформенное решение для записи, конвертирования и потоковой передачи аудио и видео #сервисы#dev

👅Тэкс, назрел вопроспро локализацию Я ярый амбассадор сервисов локализаций и вообще этого флоу. Мои любимчики это Lokalise и POEditor, но для своих стартапов они не подходят т.к. хотят не малые бабосы или встречают жёсткими ограничениями. Даже Framer ебанулся с горы и за одну локаль хочет $40/m. Поэтому мы с dev-бро делаем небольшою и удобную автоматизацию для нашего side-проекта, которую хотим опубликовать для всех желающих. Скажу больше, у нас получилось элегантное и дешёвое решение, с которым приятно будет работать всем членам продуктовой команды. Сейчас хочу понять процентовку людей, которые работают с мультиязычным контентом в своих проектах. Для своей банды как всегда сделаю подгоны. #опросы#проТекст#dev

Так много разговоров про очко эппл и ничего про новую биометрическую систему с приходом Apple Vision Pro. Отличия новой биометрии в том, что Optic ID сканирует только радужки глаз, а не как Face ID только черты лица. Вот хронология появления биомтерических систем: 👆Touch ID → iPhone 5s • 2013 👨Face ID → iPhone X • 2017 👁Optic ID → Vision Pro • 2024 P.s. Захуярил вам эмодзи, пользуйтесь #OS#apple#dev

Болото из MVP, 🔨 и 🪚 В этом месяце Sketch выкатил обнову со Smart Layout, но не полноценно как в Figma или даже лучше, а тупо в Beta. При всей любви к Sketch, у меня не укладывается в голове — как отстающая компания продолжает делать на пол Фёдора? Если вы каждый месяц проигрываете гонку за пользователей, то надо быть минимум на шаг впереди по новым фичам, а не огрызки показывать. Не знаю как вы, но я всё чаще замечаю как компании злоупотребляют сырыми продуктами, которые преимущественно не доходят до нормального вида, обрастают костылями и жду своих редизайнов с переосмыслением годами. Все эти попытки выпустить MVP побыстрей, чтобы получить заветную обратную связь, чтобы потом улучшить свою идею, по факту стали мечтами и превратились в инструмент лени с плохим планированием. У MVP понятный принцип, он должен быть простым, но функциональным, чтобы пользователи могли оценить идею и её потенциал. Но в итоге мы часто видим сырое дерьмище, а не функциональное вкусняшку. Вместо того, чтобы работать над полноценным продуктом, компании создают пылесосы для денег, а план по экономии времени и ресурсов исчезает через пару месяцев. Использование MVP должно быть осознанным решением, основанным на стратегии дальнейшего развития, например: у PO с дизайнером продукта есть финальная картина в голове, её пилят на малые части и эти части делают пиздато, первую часть релизят как MVP. Вот это лайк, вот это кайф. В современном мире, где технологии и инновации развиваются стремительными темпами, а многие стремятся создать минимально жизнеспособный продукт, кажется, залог успеха — ставить качество в приоритет. 🕳 🎞Добавил видео отображающие моё отношение к происходящему вокруг: рандомная компания год делала свой MVP с кучей компромиссов и ограничений и накопила большой технический долг. В итоге выпустила кал, который никому не нужен, но за то получили обратную связь — «Мы подтвердили гипотезу, пользователям нужны двери и стекла, а ещё им важны удобные сидения с ремнями безопасности». #мысли#dev

Делаем сайт без разработчика aka. Творческая свобода в вебе Хочешь растив ширь, тогда эта тема для тебя Сегодня я убеждён, дизайнеру нужно уметь собирать сайты без привлечения разработчиков по нескольким причинам. Во-первых, это значительно экономит время и финансы, как личные, так и компании. Во-вторых, дизайнер получает полный контроль над кодом и дизайном, что как ни крути, развязывает руки. Сборка сайта также способствует развитию навыков веб-разработки, позволяя получить новые знания и опыт, дополнительно это способствует улучшению коммуникации, позволяя лучше понимать разрабов. Наконец, подобная работа повышает производительность, ускоряет рабочий процесс и позволяет сосредоточиться на самых важных задачах. Уже три месяца работаю в подобном режиме и так вдохновился, что внутри компании мы запустили такой же эксперимент, в котором продуктовые дизайнеры собирают лендос продукта. Мы поставим его в тест против продакшен версии, править которую очень долго и дорого. Это ли не магия нового времени? Стоит понимать, я говорю исключительно за простые странички, лендинги, промо. Серьезные проекты должны делать разработчики, а что-то быстрое и простое — дизайнеры. В чём собирать? Для zero-code web есть Tilda или Readymag, работать в них просто, даже мама в декрете сможет сделать лендостик. Для людей с целями и задачами посерьезней, есть Webflow, но с его изучением придётся повозиться. Я выбрал сервис собравший всё лучшее, это 🕸Framer Меня подкупил сервис своей простой и одновременной мощью. Внутри он очень похож на Figma, поэтому вкатиться в него будет не сложно + сервис облеплен готовыми решениями, я поделюсь самой полезной частью из них: → Framer University — бесплатные примеры и готовые ресурсы для ваших проектов → Framer Community — как у Figma Community, люди делятся своими шаблонами, элементами и гайдами → YouTube канал — уроки, советы и обновления → Примеры основных меню, стопок и до/после → Counter Component → Дополнительный набор с примерами: Remixing,Relibrary,Supply #работа#сервисы#dev