Amazing jQuery carousel! Doubt I'll ever use another!

added by Andy Summerfield
10/13/2014 1:56:21 PM

630 Views

Personally I really like the cool snazzy jazzy things that you can do with JavaScript, especially when it comes to some of the jQuery plugins people write. Carousels in particular are a really common one and there are hundreds and hundreds of them. But slick just does it all, I absolutely love it!


9 comments

Bob Senoff
10/13/2014 3:05:31 PM
Hey @AjSummerfield93 how does this compare to Magnific Popup? Nice find.

Drew Peterson
10/14/2014 1:59:42 AM
There seem to be a few differences right off the bat. First, Magnific Popup is a lightbox plugin. It may or may not have carousel-like features, its main purpose is to display and focus on content in a modal way. Slick seems to be geared specifically towards carousel features, and lacks a modal view (though I may have missed it).

Andy Summerfield
10/14/2014 10:06:24 AM
Someones beaten me to it here, but yes everything @drewpcodes has said is true! Cheers for that! :) Hopefully that clears everything up @bobsenoff ?

Drew Peterson
10/14/2014 2:04:10 AM
Very well designed. The transitions are very smooth and it feels like a lot of care was put into the feature set. It's much more than a carousel, the uneven layout capabilities and responsive design features make it viable for mobile layouts where the carousel design usually falls down. This might be a neat way to rotate a list of new/rising posts near the top of the page a la reddit @RobertTheGrey. It would even work on mobile.

Andy Summerfield
10/14/2014 10:07:16 AM
Yeah definitely agree with you here, it's elegant, built nicely and does everything a carousel should and more!

Robert Greyling
10/14/2014 12:29:28 PM
Great idea Drew. We're definitely still thinking of good ways to present the home page rather than just as a list. That could be one of the kinds of things we could do. We'll see when there's more traction if we can rethink the home page although listing posts by date seems to be working nicely so far :)

Drew Peterson
10/22/2014 5:33:33 PM
@ken_wheeler I was looking over Slick again today and I was wondering what, if anything, you do to help alleviate screen "jank", especially while scrolling a page that has one or more carousels?

Ken Wheeler
10/22/2014 5:37:10 PM
Quite a bit. I do a lot of forced GPU layer creation, along with debouncing and using the following fallback flow: CSS Transition/Transform -> jQuery Animate Transform -> jQuery Animate Left.

Drew Peterson
10/22/2014 5:53:23 PM
What's the browser compatibility chart look like for using the GPU? Is support pretty good? I would love to read an article on the performance side of things if you ever feel the urge.

Ken Wheeler
10/22/2014 5:54:24 PM
Generally speaking we're talking like IE9+. That said, there has been several micro optimizations that allow it to be smooth even on ie8.