Hey Bruno. We experimented with JS based animations a few weeks ago. Perhaps you remember. There's a branch here: https://github.com/tfennelly/jenkins/tree/orbs-with-plugin.
I think this work could be resurrected and combined with the work you've been doing, now that we have the <l:icon> tag in place. On that branch you'll see there's a progress-circle.js <https://github.com/tfennelly/jenkins/tree/orbs-with-plugin/war/src/main/webapp/scripts> file, as well as an icons.css <https://github.com/tfennelly/jenkins/tree/orbs-with-plugin/war/src/main/webapp/css> file. My plan was to redo that css file and use the css class specs introduced by the <l:icon> tag (e.g. "icon-terminal icon-xlg"). Then, for devices that support canvas, we can use progress.js to draw nice smooth animations (fairly sure progress-circle.js uses canvas). As we found from your experiments (and mine)... CSS animation performance sucks on some popular OSs :) T. On Tuesday, August 5, 2014 2:31:27 PM UTC+1, Bruno Kühnen Meneguello wrote: > > Hello, > > Recently I've submitted the PR #1332 > <https://github.com/jenkinsci/jenkins/pull/1332> to modify the status > orbs. That generated a discussion about using CSS animations to fade in/out > these orbs but have ended due to performance issues (mainly in OS x). > > Based on that, I would ask the community ideas to replace the GIF > animations without performance issues (or how to fix then). > > There are some JSFiddles in the PR with performance tests so anyone can > try from the point it stopped. > > Thanks in advance for all > -- You received this message because you are subscribed to the Google Groups "Jenkins Developers" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
