codeforamerica / clean

Apply for CalFresh in SF
http://demo.cleanassist.org
MIT License
20 stars 7 forks source link

animate page transitions #124

Open alanjosephwilliams opened 9 years ago

alanjosephwilliams commented 9 years ago

Stubbing this for later consideration.

Now that we have many pages, it would be nice to improve the experiences of new page load and rendering. Obviously, this is a nice to have, but it could really make a multi-page flow sing, and help us differentiate ourselves from other multi-page enrollment application flows.

First, Google's Material Design guidelines on transitions

Second, CSS keyframe + smootState.js jQuery plug-in approach to implementation

daguar commented 9 years ago

This would be awesome. Second the "nice to have" piece but I think we absoluteeeely need to be thinking about interaction joy here, as lots of mobile/tablet web interactions are so clunky. I defer to you on ideas; happy to discuss logistics.

On Aug 15, 2014, at 1:13 PM, alanjosephwilliams notifications@github.com wrote:

Stubbing this for later consideration.

Now that we have many pages, it would be nice to improve the experiences of new page load and rendering. Obviously, this is a nice to have, but it could really make a multi-page flow sing, and help us differentiate ourselves from other multi-page enrollment application flows.

First, Google's Material Design guidelines on transitions

http://www.google.com/design/spec/animation/meaningful-transitions.html# Second, CSS keyframe + smootState.js jQuery plug-in approach to implementation

http://css-tricks.com/add-page-transitions-css-smoothstate-js/ — Reply to this email directly or view it on GitHub.