Background transition: color and position

[joshuanguyen]

1. Space bar should move the user down to the top of the following page. Right now, seems like it's vertically centering based on the first known instance of text?
   

2. Is there a way to transition into the different background colors like http://www.gifrocket.com?

[standardpixel]

Anything is possible, and that doesn't seem too hard, but do you mind if we call enhancements additional hourly time? If so, I'll finish the fist list and bugs first.

If you are cool with a little more hourly work, I would also like to do some sort of animation of the long cast shadows when the scroll moves. That could be pretty rad :-D

[joshuanguyen]

Yah!,, I'm fine w a bit of extra time to make this cooooool

[joshuanguyen]

so yeah fun stuff! right now when i load the page - the blue background is at a fixed height? is it possible where the entire screen is blue, and then as you scroll (or space), that's when the screen transitions to white and you get to the next page? just asking

[standardpixel]

Yeah, that's on the list. Should be pretty easy. —
Sent from Mailbox

On Wed, Aug 20, 2014 at 11:53 AM, Josh notifications@github.com wrote:

so yeah fun stuff! right now when i load the page - the blue background is at a fixed height? is it possible where the entire screen is blue, and then as you scroll (or space), that's when the screen transitions to white and you get to the next page? just asking

Reply to this email directly or view it on GitHub:
#2 (comment)

[joshuanguyen]

[standardpixel]

I'm making that a logo file Easter egg—
Sent from Mailbox

On Wed, Aug 20, 2014 at 12:36 PM, Josh notifications@github.com wrote:

Reply to this email directly or view it on GitHub:
#2 (comment)

[standardpixel]

Alright, let me know what you think:
http://standardpixel.github.io/pop-web/

The last commit brings the total to 7 hours (including the first 5)

[joshuanguyen]

TL;DR version:
Gonna send you updated mocks because with the transition (which I really want to keep) it fucks up the way I had envisioned the images working. Can we set aside ~3 more hrs to wrap up? Let's discuss.

---

HMM - I think it's awesome // but: it seems like the browser windows dimensions have to be the exact right size for this to work. Adding the transitions seemed to have fucked up how I had originally designed for the images

#1 The 'vertical scroll down' is preventing this from working the way it should
#2 - iOS / iphone and iPad doesn't work

Before we continue, maybe we can talk a bit about it -- don't want to add more work if it's easier to scope a bit and just finalize. I'll also give you a far simpler iphone/android version. I think I'd like to allocate 3 hrs more to this so we're close!

I think it's because of the static image with the shadows. In my mind the transition isn't a "scroll down", it's that the entire screen is blue/white and the background changes and new content appears, like gifrocket.com. We'll have to a) remove the shadows for the logo, play button, and phone and b) include a full size phone that's vertically centered on the right div instead of the zoomed in close up version.

Thoughts??

iPad view:

that shadow looks dumb now, particularly because I gave you a version that extended really long vertically

iphone:

Some parts will have to change / removed to just optimize for download.

Web view:
- that shadow is blargh

I thought I was keeping it simple!

[standardpixel]

Yeah, I agree. Let's grab a beer this week. Monday night?

On Sat, Aug 23, 2014 at 6:57 PM, Josh notifications@github.com wrote:

TL;DR version:

Gonna send you updated mocks because with the transition (which I really want to keep) it fucks up the way I had envisioned the images working. Can we set aside ~3 more hrs to wrap up? Let's discuss.

HMM - I think it's awesome // but: it seems like the browser windows dimensions have to be the exact right size for this to work. Adding the transitions seemed to have fucked up how I had originally designed for the images
#1 The 'vertical scroll down' is preventing this from working the way it should
#2 - iOS / iphone and iPad doesn't work
Before we continue, maybe we can talk a bit about it -- don't want to add more work if it's easier to scope a bit and just finalize. I'll also give you a far simpler iphone/android version. I think I'd like to allocate 3 hrs more to this so we're close!
I think it's because of the static image with the shadows. In my mind the transition isn't a "scroll down", it's that the entire screen is blue/white and the background changes and new content appears, like gifrocket.com. We'll have to a) remove the shadows for the logo, play button, and phone and b) include a full size phone that's vertically centered on the right div instead of the zoomed in close up version.
Thoughts??
iPad view:


that shadow looks dumb now, particularly because I gave you a version that extended really long vertically
iphone:

Some parts will have to change / removed to just optimize for download.
Web view:
- that shadow is blargh

I thought I was keeping it simple!

Reply to this email directly or view it on GitHub:
#2 (comment)

[joshuanguyen]

all right i'm down for tues or wed or thur whenever.

[joshuanguyen]

oh shit. yes. monday night works too.

[standardpixel]

Caskhouse at 6:30?

On Sat, Aug 23, 2014 at 7:05 PM, Josh notifications@github.com wrote:

oh shit. yes. monday night works too.

Reply to this email directly or view it on GitHub:
#2 (comment)

[joshuanguyen]

cool. i'll see ya there.