#lottie — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #lottie, aggregated by home.social.
-
SEN parents ‘frustrated and anxious’ about school placement offers
A lot of pupils will by now have already posed for a photo wearing their school uniform, but…
#Canada #EA #Joel #Lottie's #Naomi #SEN #TheDepartmentofEducation #TheEducationAuthority #TheSpecialEducationalNeeds
https://www.europesays.com/canada/197907/ -
Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах
Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс
https://habr.com/ru/articles/1078644/
#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет
-
Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах
Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс
https://habr.com/ru/articles/1078644/
#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет
-
Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах
Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс
https://habr.com/ru/articles/1078644/
#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет
-
https://www.fogolf.com/1338931/bumper-womens-open-preview-with-charley-hull-lottie-woad-nelly-korda-and-more-%f0%9f%8f%86/ BUMPER Women’s Open preview with Charley Hull, Lottie Woad, Nelly Korda and more! 🏆 #AIGWomensOpen #bumper #CHARLEY #CharleyHull #DpWorldTour #EuropeanTour #Golf #GolfHighlights #GolfLadies #GolfLadyVideos #GolfLadyVlog #GolfLadyYouTube #HULL #Korda #LadiesEuropeanTour #LauraDavies #LET #lottie #LottieWoad #LPGA #Nelly #NellyKorda #open #PgaTour #Preview #SkySports #SkySportsGolf #Woad #women's #Women'sOpen #Women'sOpenGolf #WomensOpenPreview
-
https://www.fogolf.com/1338931/bumper-womens-open-preview-with-charley-hull-lottie-woad-nelly-korda-and-more-%f0%9f%8f%86/ BUMPER Women’s Open preview with Charley Hull, Lottie Woad, Nelly Korda and more! 🏆 #AIGWomensOpen #bumper #CHARLEY #CharleyHull #DpWorldTour #EuropeanTour #Golf #GolfHighlights #GolfLadies #GolfLadyVideos #GolfLadyVlog #GolfLadyYouTube #HULL #Korda #LadiesEuropeanTour #LauraDavies #LET #lottie #LottieWoad #LPGA #Nelly #NellyKorda #open #PgaTour #Preview #SkySports #SkySportsGolf #Woad #women's #Women'sOpen #Women'sOpenGolf #WomensOpenPreview
-
أطلقت 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 -
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/
-
⚡️ Đ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.
-
Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций
Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple , которые используют принципы Springs), транслирует голос бренда и становится частью айдентики ( CashMoney , Instagram , Plex ), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье расскажу, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте. Читать
https://habr.com/ru/companies/2gis/articles/935296/
#adobe_after_effects #lottie #lottiefiles #анимация_в_приложениях #анимация #приложения #мобильные_приложения
-
Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций
Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple , которые используют принципы Springs), транслирует голос бренда и становится частью айдентики ( CashMoney , Instagram , Plex ), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье расскажу, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте. Читать
https://habr.com/ru/companies/2gis/articles/935296/
#adobe_after_effects #lottie #lottiefiles #анимация_в_приложениях #анимация #приложения #мобильные_приложения
-
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 -
😆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
