We’re upping the ante with iBlipper real soon now. Here’s a nice slow-mo capture of the new hardware accelerated “trans formz” in action:
We’re playing with bouncing, zoom, wobble, fade, and shake. Check out the CSS (beta version). We haven’t even begun with color transforms, smooth scroll, or putting each word in a span to for letter level control.
Release is coming soon, you can try a build of the beta. These effects are now live!
We’ve been having fun with the new CSS Transforms in Safari and the hardware accelerated animation versions for the iPhone. Support is coming for CSS transformsin Mozilla as well.
So, check out a couple of work in progress demos:
(Note: You’ll need to be on the iphone to see this in action)
These versions are also trying out a fixed-width font to make sizing a bit more consistent. Let us know what you think in the comments or at our UserVoice page.
While we didn’t quite get to the special iPhone hardware accelerated CSS animations, jQuery pulled through just fine to add a touch of visual pizzaz to the animation. A simple fadeout adds a lot to the experience.
Here’s a little movie:
We’re still playing with the visual parameters, but the right animation should help “burn in” the blips to their recipients brains. Word recognition is, in psycho babble terms, automatic — involuntary, without conscious control. The tagline candidate, “pre-attentive reality hacking” refers to the inability of persons with visual focus on your iphone for the message duration to not perceive it’s meaning.
