Comments (6)
Hey Addy! Didn't forget that lovely piece of free software. I'm just a bit busy and was too lazy in February when I got some leisure time. Now I'm overrun by customers - nothing to complain, but hard to find time for that project.
I'll push a gh-pages branch to this project "soon" ;) I'll try my best to finish it in early May. It'd be very nice if you'd take a look about my "articulation". I'll keep you more updated. I'll take a look at rendering timeline too ;)
from coverflow.
@addyosmani I added a documentation page (gh-pages branch), that may require an expert lector ;) Would be great if you'd provide some feedback.
On the plugins part I optimized the transition, the demo should be much smoother by now. Internally I clear the transitions queue and cancel the requested animation frame when people are scrolling over.
Finally I added the dist directory to the repositiory so people don't have to install grunt and it's dependencies. I added a minimal jquery mobile/ custom jquery transit package, too. Shouldn't be to hard for others to get this running.
best regards
from coverflow.
@basti1253 Fantastic work putting together the documentation page!. It looks great. Looking through some feedback:
- On the methods page we mention
$('#coverflow' ).coverflow( 'select', $('#coverflow > *:eq(2)' ) );
. Would it be worth caching the ID selection rather than requerying the DOM in the second argument? - Easing in plugin options:
easing used for animation. Defaults to ‘easeOutQuint’
- maybe we should link to why we default to easeOutQuint or to other equations that one could use? - On the homepage, is it worth us mentioning the total filesizes for the script + deps? Once we have a good idea of this we might be able to trim down our jQuery build. Sure folks would appreciate that!
I also appreciate you spending time optimizing the transitions. You rock. I'm currently noticing a little bit of animation 'jank' left over when moving from one cover to another and might spend time trying to get this up to 60fps. It could be the case that there are some operations we can batch to save on some of the excess paints.
from coverflow.
On the methods page we mention $('#coverflow' ).coverflow( 'select', $('#coverflow > *:eq(2)' ) );. Would it be worth caching the ID selection rather than requerying the DOM in the second argument? Easing in plugin options: easing used for animation. Defaults to ‘easeOutQuint’ - maybe we should link to why we default to easeOutQuint or to other equations that one could use?
Done.
On the homepage, is it worth us mentioning the total filesizes for the script + deps? Once we have a good idea of this we might be able to trim down our jQuery build. Sure folks would appreciate that!
As a start I added a table showing file sizes both original/minified.
I also appreciate you spending time optimizing the transitions. You rock. I'm currently noticing a little bit of animation 'jank' left over when moving from one cover to another and might spend time trying to get this up to 60fps. It could be the case that there are some operations we can batch to save on some of the excess paints.
I'm not sure about keeping https://github.com/rstacruz/jquery.transit. Currently I integrated a spin off (https://github.com/rstacruz/jquery.transit/pull/110) not yet merged into the original plugin. This fork allows us to stop the current transition and clear the queue. It forces a repaint any time a transition is canceled (line #670 in our package).
Maybe we should take care about the transition on x axis ourselves? As a result we'd get rid of one external dependency and we'd ship transitions support ootb with an extra focus on performance.
from coverflow.
@addyosmani I dropped jquery transit and included transitions support into the widget to tune performance. Looks good for me now. I updated tests/docu accordingly. Didn't tag it yet, though. Can you recheck please? thanks.
best regards
Sebastian
from coverflow.
I just re-profiled and the performance is so much better now. Thanks for dropping transit and getting transition support into there! It looks great. Please feel free to tag! :)
from coverflow.
Related Issues (20)
- Scrollbar and image alt ? HOT 2
- publish bower dependency
- #feature: Integration with knockout HOT 1
- Lack of documentation
- Newest Code is broken HOT 3
- IE9 Alignment issue HOT 2
- Blank page ?
- Cannot move to next coverflow item on jquery click event HOT 4
- Delete images HOT 1
- How can I add mousewheel throttle/debounce? HOT 7
- requiring dependancies HOT 1
- Getting started Instructions HOT 2
- Image sizes can cause it to break HOT 1
- AJAX Reload HOT 2
- Don't have any options for looping
- How to change the left of element whose class name is coverflow ? HOT 1
- adding active event causes last embedded video to be hidden HOT 1
- adding more gap/space to side of .ui-state-active HOT 5
- Add example on how to implement swipe support with coverflowjs HOT 1
- cocos2djs able can use? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from coverflow.