#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.
-
Делаем свой QML-компонент для Lottie-анимаций с помощью rlottie
В современном UI помимо удобства есть еще свистелки и гуделки, чтобы зацепить взгляд пользователя. И, зачастую, такой свистелкой являются анимации: нажал кнопку, а у тебя вокруг спец-эффекты, поставил палец вверх, а он красиво подпрыгнул, и так далее. Большинство таких анимаций, которые вы видите в приложениях практически каждый день, сделаны с помощью Lottie. Например, тут, в Telegram, часть анимированных стикеров и эмодзи сделаны как раз с помощью Lottie. Почему именно Lottie? Lottie — это JSON-based формат векторной анимации, поэтому он легковесный, легко масштабируется, не требует видеокодеков, хорошо выглядит на экранах с разным DPI.
-
Делаем свой 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 -
友人の会社の「既存の勤怠アプリが高すぎる」問題を、Firebase + Reactの完全無料なWebアプリを作って解決した話
https://qiita.com/keishin_nishiura/items/607804ea831416b49ee4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items -
https://www.fogolf.com/1259791/lottie-woad-is-now-a-two-time-lpga-tour-winner-%f0%9f%8f%86/ Lottie Woad is now a two-time LPGA Tour winner 🏆 #GolfLadies #GolfLadyVideos #GolfLadyVlog #GolfLadyYouTube #lottie #LPGA #Tour #TwoTime #WINNER #Woad
-
https://www.fogolf.com/1259791/lottie-woad-is-now-a-two-time-lpga-tour-winner-%f0%9f%8f%86/ Lottie Woad is now a two-time LPGA Tour winner 🏆 #GolfLadies #GolfLadyVideos #GolfLadyVlog #GolfLadyYouTube #lottie #LPGA #Tour #TwoTime #WINNER #Woad
-
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
-
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
-
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:
-
Jam, color, and geometry -- AV etudes from Perplex On are synthesia bliss:
-
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/
-
Mottie is now available for direct download at https://recouse.me/apps/mottie/
-
Mottie is now available for direct download at https://recouse.me/apps/mottie/
-
Mottie is now available for direct download at https://recouse.me/apps/mottie/
-
https://www.fogolf.com/1152774/tournament-of-champions-lydia-ko-and-lottie-woad-share-lead-at-lpga-season-opener-after-round-two/ Tournament of Champions: Lydia Ko and Lottie Woad share lead at LPGA season opener after round two #After #and #at #Champions #Fired #fiveunderpar #Golf #GolfNews #Grab #Halfway #ko #Lead #lottie #LPGA #LYDIA #of #oneshot #opener #round #Season #Share #Stage #tournament #two #Woad
-
https://www.fogolf.com/1152774/tournament-of-champions-lydia-ko-and-lottie-woad-share-lead-at-lpga-season-opener-after-round-two/ Tournament of Champions: Lydia Ko and Lottie Woad share lead at LPGA season opener after round two #After #and #at #Champions #Fired #fiveunderpar #Golf #GolfNews #Grab #Halfway #ko #Lead #lottie #LPGA #LYDIA #of #oneshot #opener #round #Season #Share #Stage #tournament #two #Woad
-
⚡️ Đang phát triển công cụ tạo SVG & Lottie animation dựa trên AI. Miễn phí khi bạn tự mang OpenAI API key. Giúp tự động hoá thiết kế đồ họa nhanh hơn. #AI #SVG #Lottie #Animation #OpenAI #CôngCụ #PhátTriển
-
Анимированный 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
-
Анимированный 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
-
Анимированный 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!
-
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!
-
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!
-
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!
-
iOS animated widgets, combined with transparent backgrounds, can create interesting animation effects.
The animated widget in the video is from the iOS app "Banklet," which is expected to be updated in version 1.1.0.
-
iOS animated widgets, combined with transparent backgrounds, can create interesting animation effects.
The animated widget in the video is from the iOS app "Banklet," which is expected to be updated in version 1.1.0.
