#lottie — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #lottie, aggregated by home.social.
-
أطلقت LottieFiles إضافة جديدة قوية لـ Figma Motion، تتيح للمستخدمين استكشاف ملفات Lottie وتحريكها وتصديرها بسلاسة مباشرةً من داخل المنصة، مما يغني عن الحاجة لمغادرتها. تعالج هذه الإضافة المجانية غياب دعم التصدير المباشر لملفات Lottie في Figma Motion، وتوفر حلاً مبسطاً للمصممين من جميع المستويات، حتى دون خبرة سابقة في تصميم الحركة، مما يعزز سير العمل ويسهل دمج الرسوم المتحركة التفاعلية بكفاءة.
-
Делаем свой QML-компонент для Lottie-анимаций с помощью rlottie
В современном UI помимо удобства есть еще свистелки и гуделки, чтобы зацепить взгляд пользователя. И, зачастую, такой свистелкой являются анимации: нажал кнопку, а у тебя вокруг спец-эффекты, поставил палец вверх, а он красиво подпрыгнул, и так далее. Большинство таких анимаций, которые вы видите в приложениях практически каждый день, сделаны с помощью Lottie. Например, тут, в Telegram, часть анимированных стикеров и эмодзи сделаны как раз с помощью Lottie. Почему именно Lottie? Lottie — это JSON-based формат векторной анимации, поэтому он легковесный, легко масштабируется, не требует видеокодеков, хорошо выглядит на экранах с разным DPI.
-
友人の会社の「既存の勤怠アプリが高すぎる」問題を、Firebase + Reactの完全無料なWebアプリを作って解決した話
https://qiita.com/keishin_nishiura/items/607804ea831416b49ee4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items -
Shipped Mottie for iPhone and iPad today (previously was only available on Mac).
I have ideas for what's next, but I'd like to know what useful features are still missing. What would make Mottie a better lottie viewer for you?
https://apps.apple.com/app/mottie-lottie-player/id6743446238
-
Shipped Mottie for iPhone and iPad today (previously was only available on Mac).
I have ideas for what's next, but I'd like to know what useful features are still missing. What would make Mottie a better lottie viewer for you?
https://apps.apple.com/app/mottie-lottie-player/id6743446238
-
Spring Summer Series: Crazy P @ Freight Island - 12 Apr feat. Crazy P, Lottie
-
'Ladies of London's Lottie Kane Addresses Husband Joshua's Sexuality: Is He Gay?
https://misryoum.com/us/us24/ladies-of-londons-lottie-kane-addresses-husband-joshuas/
Ladies of London: The New Reign kicked off with a two-episode premiere on Thursday, March 5, introducing viewers to the new crop of London women (and man) and American expats who will be starring in the rebooted version of...
#Ladies #Londons #Lottie #Kane #Addresses #Husband #Joshuas #Sexuality #Gay #US_News_Hub #misryoum_com
-
Jam, color, and geometry -- AV etudes from Perplex On are synthesia bliss:
-
Jam, color, and geometry -- AV etudes from Perplex On are synthesia bliss:
-
Mottie is now available for direct download at https://recouse.me/apps/mottie/
-
Анимированный UI: как улучшить взаимодействие с пользователем
Анимация пользовательского интерфейса прошла долгий путь за последнее десятилетие, они превратились в универсальный цифровой язык, который люди узнают и понимают. Эти микровзаимодействия позволяют дизайнерам общаться с пользователями посредством движения и анимации, предоставляя им рекомендации, контекст и создавая захватывающий пользовательский опыт. В продакшене анимация всегда балансирует между выразительностью и производительностью. Чем сложнее сцена, тем выше нагрузка на процессор, особенно на мобильных устройствах. Поэтому важно оптимизировать: использовать GPU-дружественные свойства (transform, opacity), избегать тяжёлых reflow, а для сложных эффектов — применять библиотеку, которая работает с отложенным рендерингом, например Framer Motion или GSAP. Это не только повышает плавность, но и снижает энергопотребление, что прямо влияет на опыт пользователя. Когда команда проектирует систему анимаций, важно фиксировать принципы в дизайн-системе. Это помогает избежать хаоса и гарантирует согласованность между продуктами. Хорошая практика — описывать длительность, кривые ускорения и паттерны движения как переменные, чтобы и дизайнеры, и разработчики говорили на одном языке. Например, motion-tokens, где заданы типовые параметры переходов: fast-out-slow-in, linear-out-slow-in и т.д. На зрелом уровне анимация становится не надстройкой, а частью архитектуры интерфейса. Она помогает продукту чувствоваться цельным, обеспечивает предсказуемость и ритм, а главное — создаёт ощущение «живого» цифрового опыта. Привет, я Максим, frontend-разработчик в компании SimbirSoft, в этой статье расскажу, как сделать полезный для пользователя UI.
https://habr.com/ru/companies/simbirsoft/articles/974772/
#UI #css #javascript #reactjs #transitions #keyframes #web_animations_api #gsap #framer_motion #lottie
-
Busy writing a .json lottie to compressed .lottie file conversion script. The manifest.json and internal layout is super simple. Should be a quick job!
-
Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций
Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple , которые используют принципы Springs), транслирует голос бренда и становится частью айдентики ( CashMoney , Instagram , Plex ), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье расскажу, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте. Читать
https://habr.com/ru/companies/2gis/articles/935296/
#adobe_after_effects #lottie #lottiefiles #анимация_в_приложениях #анимация #приложения #мобильные_приложения
-
😆Wow, what a groundbreaking revelation: another #GitHub repo! 🎉 Now you can explore #Lottie animations with the magic of "Kotlin Multiplatform"—because, clearly, this was the missing puzzle piece in your life. 🚀
https://github.com/orispok/OpenAnimationApp #Kotlin #Multiplatform #Animation #TechNews #HackerNews #ngated -
😆Wow, what a groundbreaking revelation: another #GitHub repo! 🎉 Now you can explore #Lottie animations with the magic of "Kotlin Multiplatform"—because, clearly, this was the missing puzzle piece in your life. 🚀
https://github.com/orispok/OpenAnimationApp #Kotlin #Multiplatform #Animation #TechNews #HackerNews #ngated -
Lottie — новый стандарт векторной анимации
В области графических форматов в последнее время произошло много интересных событий. Вышла новая спецификация PNG с официальным утверждением формата анимированной графики APNG, хотя его поддержка в браузерах реализована уже довольно давно. В то же время за последние годы набрал большую популярность Lottie — новый формат векторной анимации, легковесная альтернатива анимированным GIF и APNG. Он основан на JSON и содержит текстовые описания элементов объектов и движений, с поддержкой растровых картинок, динамических скриптов и интерактивных элементов.
https://habr.com/ru/companies/ruvds/articles/938958/
#Lottie #PNG #HDR #CICP #цветовое_пространство #RGB #APNG #EXIF #сжатие_без_потерь #ruvds_статьи
-
Не дай Lottie уронить продакшен: зачем валидировать анимации
Кейс из жизни: мини-приложения, анимированные обложки, внешние команды — и одна на вид «валидная» анимация, которая кладет все приложение. Рассказываем, как мы научились воспринимать Lottie-файлы не как медиа, а как исполняемый код — и почему это улучшило стабильность всей системы.
https://habr.com/ru/articles/936342/
#lottie #react #javascript #frontend #webdevelopment #json #валидация #ui #оптимизация
-
Enhancing .NET MAUI App Appearance Using Lottie Animations.
https://www.telerik.com/blogs/enhancing-net-maui-app-appearance-using-lottie-animations
#dotnetmaui #dotnet #appdev #mobiledev #lottie #windowsdev #csharp #xaml
-
Enhancing .NET MAUI App Appearance Using Lottie Animations.
https://www.telerik.com/blogs/enhancing-net-maui-app-appearance-using-lottie-animations
#dotnetmaui #dotnet #appdev #mobiledev #lottie #windowsdev #csharp #xaml
-
@gianmarcogg03 there is a lot of #telegram packs available, the bot supports: https://signalstickers.org/ look for telegram packs there, in the future maybe #deltachat will support #lottie (#ArcaneChat client already supports it) and you will be able to export packs from telegram, there is a bot in telegram that allows to export packs
-
Picked up some extension tubes to play around with #MacroPhotography on the micro four-thirds camera. It's interesting! Here's my #Lottie AirPods case from #AnimalCrossing.
📷 #Olympus OM-D E-M10 Mark III
🔎 Olympus 14-42mm w/ Extension Tubes
🖥️ Luminar Neo -
🎉 Behold! The revolutionary "open" format, #Lottie, which totally didn't emerge from the clutches of the almighty Adobe After Effects monopoly. 🙄 Now you too can create animations as long as you own expensive Adobe software. 🌟 Open-source, but only if you've got the After Effects budget! 💸
https://lottie.github.io/ #Animation #AdobeOpenSource #AnimationBudget #CreativeTools #HackerNews #ngated -
🎉 Behold! The revolutionary "open" format, #Lottie, which totally didn't emerge from the clutches of the almighty Adobe After Effects monopoly. 🙄 Now you too can create animations as long as you own expensive Adobe software. 🌟 Open-source, but only if you've got the After Effects budget! 💸
https://lottie.github.io/ #Animation #AdobeOpenSource #AnimationBudget #CreativeTools #HackerNews #ngated -
«Danil OS» или локальные веб интерфейсы
Эта статья расскажет о моём эксперименте по оптимизации моего рабочего пространства в macOS. Примерно 10 лет назад я придумал одну идею — канбан-рабочий стол. Я понял, что иконки на рабочем столе были крутыми… в 1984 году. и втом числе поэтому 1984 не был как 1984) Но камон, за 40 лет кроме виджетов почти ничего не изменилось. Марк… 10 лет назад, узнав о системе канбан, я начал пользоваться Illustrator’ом и рисовал себе 4 колонки прямо на рабочем столе. Поверх них размещал стандартные стикеры, полностью отключив иконки рабочего стола. Прошло много лет. Я немного выучил веб, и теперь у нас есть опенсорсный софт, который помог мне сделать то же самое, но уже более серьёзно. Во-первых, Plash — программулька, которая ставит Chrome вместо бэкграунда. Я также сделал на Python с FastAPI и Jinja и запустил себе уже настроенный канбан-рабочий стол. Но как вы понимаете, на этом дело не кончилось. Гуляя по интернету, я нашёл несколько исходников с открытыми лицензиями, которые я использовал в своём проекте. Во-первых, Future Sticky Navigation with Glass Effect -от Benjamin Koehler. Это моя база: вертикальный слайдер с красивыми эффектами. Тут тоже пришлось внести доработки: — переход на православный CSS вместо Sass, — реализация snapping и закрытия при нажатии на backdrop, — добавление динамических ссылок в href и фреймов через Пока что всё храню в LocalStorage и реализовал возможность выгрузки и загрузки списка айфреймов с их ссылками и названиями. Потому что к этому моменту у меня уже было больше пяти локальных серверов, и я решил обойтись без бэкенда там, где это возможно.
https://habr.com/ru/articles/904598/
#desktop #macos #javascript #nextjs #python3 #fastapi #mongodb #lottie #iframe #webgl
