OutSystems Experts
medium.com/outsystems-experts · Company blog · on HN since 2016
OutSystems engineers and designers write on CSS performance, 60 FPS animations, mobile UI, and UX for web and mobile apps.
What HN saysHN commenters recommend its 60 FPS CSS animation article as a decent resource and discuss ideas like will-change for GPU rendering.
15HN people shared it
4linked it in comments
24stories submitted
451story points
2 years agolast shared
2016people per year2026
Most-shared posts
- 160 FPS Animations with CSS37 people · 241 points · first shared 2016 · 76 comments on HN
- 2Top CSS Techniques for Optimal Performance for Web/Mobile Apps3 people · 15 points · first shared 2016 · discussion on HN
- 3How to create 60 FPS animations with FLIP3 people · 11 points · first shared 2017 · discussion on HN
- 4Moving from Web to Mobile? 10 Rules for a Mobile Look and Feel2 people · 45 points · first shared 2016 · 6 comments on HN
- 5Emotional design – adding a little cherry on top of your product's UX2 people · 10 points · first shared 2016 · discussion on HN
- 6Gestures Glamour: Setting Up a Touch Menu – Step by Step Tutorial1 people · 25 points · first shared 2017 · 5 comments on HN
- 7The Alchemy of IoT1 people · 21 points · first shared 2016 · 3 comments on HN
- 8Blood, Sweat and Tears of Joy the Creation of a UI Framework1 people · 20 points · first shared 2017 · discussion on HN
- 9From Web to Mobile Development1 people · 19 points · first shared 2017 · discussion on HN
- 10CSS Vertical Align for Everyone (Dummies Included)1 people · 15 points · first shared 2016 · 1 comments on HN
- 11Why Invest in a Component-Based Architecture1 people · 12 points · first shared 2017 · discussion on HN
- 12Designers vs. Developers – 5 Tips to Give Peace a Chance1 people · 5 points · first shared 2016 · discussion on HN
- 13Beyond JavaScript Console Debugging Tricks1 people · 4 points · first shared 2016 · discussion on HN
- 14Beyond Memory Leaks in JavaScript – Daniel Reis1 people · 4 points · first shared 2016 · discussion on HN
- 15To grid or not to grid, that is the question1 people · 4 points · first shared 2016 · discussion on HN
What HN people wrote when they linked it
alexforsyth · 2017-04-21
I am biased, I know, but I would like to recommend my company's three blogs:
https://medium.com/outsystems-experts
https://medium.com/outsystems-engineering
https://www.outsystems.com/blog/category/tech-zone
simple10 · 2024-05-05
Really well written article. Chrome hasn't yet released CSS support for mod() so most of the examples on the page don't animate unless you're using the preview release of Chrome.
If you're not needing to control ticks and just want smooth CSS animations in all browsers, the FLIP method is useful:
https://medium.com/outsystems-experts/flip-your-60-fps-animations-flip…
Teichopsia · 2018-11-29
This resource is pretty decent https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations…
SippinLean · 2017-03-23
I wonder if adding
will-change: opacity
to the CSS would improve performance (by switching CSS animation rendering to the GPU)
https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations…