I probably shouldn't have looked at this on an iPad...
Skrollr - parallax scrolling for the masses
41–48 of 48 posts
Re: Skrollr - parallax scrolling for the masses
#42(I ask this as a Mac owner), but I have to wonder how many of the "Wow, Awesome" posts come from Mac users with proper smooth scrolling. It's just awkward on a Windows machine. I was hoping for something parallaxy like Github's 404 pages. I guess I'm on a mouse now, but even on my last laptop, the "smooth scrolling" was the regular 20px jump scrolling but with smoothing between jumps which would seem to make this sti…
Works smooth for me (Laptop, i7 Quad, Win 7, Firefox 14)
Newer versions of Firefox have smooth scrolling. Try running the demo on Chrome, and you'll see the problem.
Re: Skrollr - parallax scrolling for the masses
#43reminds me of http://2011.beercamp.com/
Skrollr is pretty smooth on my system but that page is terribly laggy and all pixely when you scroll. It's not even readable because everything just lumps together.
Re: Skrollr - parallax scrolling for the masses
#44It's a neat demo of some very nice capabilities, but let us please not go back to the Flash era circa 2002 where designers tried to make their navigation as nauseating as possible. Or put another way, its worth remembering that just because you can incorporate all of these effects does not mean you should. Some designs can be very disorienting to some people.
"Just because you can use a hammer doesn't mean you can build a house"
You're right, the dreaded Flash sites of four years ago haunt me every day. However, I've seen some outstanding designs using these techniques. They were outstanding because they were done by professional interface designers. Put these tools in the right hands, and you'll get amazing results.
Re: Skrollr - parallax scrolling for the masses
#45I have yet to receive a request for parallax. And we I do I will kindly point them in the direction of any marketing firm who knows nothing about usability or implementation.
The same ones that put contact information in an image so you can't select and copy it, and hide that image behind a transparent div, so you can't even download it. Ugh.
Yes, those ones.
Re: Skrollr - parallax scrolling for the masses
#46Here's a nice demo of a similar library called Scrollorama: http://johnpolacek.github.com/scrollorama/ Skrollr is noteworthy because it's significantly smaller (5.5kb vs. 94kb+jQuery), and makes use of HTML5 data attributes for notation.
Also, strictly for parallax, here is jQuery.parallax which has a much classier demo: http://stephband.info/jparallax/
Re: Skrollr - parallax scrolling for the masses
#47Earlier quoted context omitted.
It would be kind of a boring demo if they just showed some very subtle and barely noticeable effects. ;)
I think he wasn't referring to the demo itself, which obviously should show off as many nauseating effects as it has, but to future devs who might use this library.
Encouraging its use “for the masses” has me worried.
Re: Skrollr - parallax scrolling for the masses
#48It seems that the main demo is a bit too busy for Chrome.
I had similar issues trying to spice up a presentation website with transitions and animations. The simpler examples[x] seem to be working much better.
In my experience, Firefox and Chrome tend to perform very flakey when CSS3 transitions/animations are in question. It's like a random performance profile is chosen every time the document loads. More often than not, the second time to load the transitions/animations work great, as if the browser performed some CSS JIT, but performance often drops again on consecutive loads.
I hope these features mature performance-wise, so we can start using them in meaningful ways (and also survive the 2001-style abominations that are bound to happen). I think it's sensible to use requestAnimationFrame[r] to determine if the animations aren't performing well, and disable them accordingly.
[x]: https://github.com/Prinzhorn/skrollr/tree/master/examples#ex...
[r]: https://developer.mozilla.org/en/DOM/window.requestAnimation...