1
00:00:00,000 --> 00:00:04,660
[Treehouse Teacher Q & A]

2
00:00:04,660 --> 00:00:05,980
[Question: What are the some of the most jaw-dropping websites that you have come across lately?]

3
00:00:06,250 --> 00:00:10,600
What are some of the most jaw-dropping sites you've come across recently   

4
00:00:10,600 --> 00:00:13,370
and what about them made them standout for you?

5
00:00:13,370 --> 00:00:17,930
Oh gosh! What are some of the most jaw-dropping sites I've seen lately.

6
00:00:18,928 --> 00:00:21,030
Oh that's really putting me on the spot.

7
00:00:21,030 --> 00:00:27,820
I'm actually going to go ahead and open up my Instapaper right now and--

8
00:00:27,820 --> 00:00:32,560
This is risky folks. This is pretty risky. I had a look at his Instapaper earlier.  

9
00:00:32,560 --> 00:00:34,960
And see here. Oh my gosh! I'm going to log in.

10
00:00:35,957 --> 00:00:41,458
You know anytime I do come across a jaw-dropping site, 

11
00:00:41,458 --> 00:00:47,420
I do go ahead and save it in Instapaper and again it comes back to that inspiration 

12
00:00:47,420 --> 00:00:54,350
thing where I go ahead and save stuffs to go ahead and look back up later.

13
00:00:55,349 --> 00:00:58,010
Sometimes I can come from a design blog.  

14
00:00:58,010 --> 00:01:05,379
Other times it might just be like a really cool CSS technique or something.

15
00:01:06,376 --> 00:01:08,980
I got one for you. What do you think of the parallax scrolling?

16
00:01:11,250 --> 00:01:13,260
What do I think about parallax scrolling? >>Yeah.    

17
00:01:13,260 --> 00:01:16,560
The new Nike make site makes pretty interesting use of it.

18
00:01:16,560 --> 00:01:18,310
I figured you're going to bring that up.   

19
00:01:18,310 --> 00:01:24,250
The new site is so awesome. The air Jordan 012 site fired up over here    

20
00:01:25,290 --> 00:01:28,280
and see if you can--let's see--what, choose your flight.

21
00:01:28,280 --> 00:01:32,390
You're just scrolling and there is like crazy rocketships made of shoes.  

22
00:01:32,390 --> 00:01:36,520
This is maybe not great for every single website but--

23
00:01:36,520 --> 00:01:39,710
It's I mean, it definitely has a lot of visual flare in it       

24
00:01:39,710 --> 00:01:44,910
and has that layered interactivity that I was talking about where it's not deeply interactive

25
00:01:44,910 --> 00:01:50,830
but you can kind of go ahead and explore at your own pace and as you're scrolling

26
00:01:50,830 --> 00:01:52,750
like different things happen on the page. 

27
00:01:53,640 --> 00:01:56,250
I've seen a lot of examples of that, I think it's--

28
00:01:56,250 --> 00:01:59,290
At first when I first saw it, I was like--this is really gimmicky..

29
00:01:59,630 --> 00:02:04,169
It's cool like don't get me wrong--definitely as a designer

30
00:02:04,169 --> 00:02:07,170
and somebody that enjoys CSS like

31
00:02:07,170 --> 00:02:13,050
I thought it was super, super noble and interesting but I am also very practical.    

32
00:02:13,050 --> 00:02:19,900
I'm always going to think like, okay, how I would use this for realsies?

33
00:02:19,900 --> 00:02:24,430
I think that's something that kind of sets me apart from other designers     

34
00:02:24,430 --> 00:02:30,160
like I really, as much as I want to, I'm not just going to do something for the sake of it,

35
00:02:30,160 --> 00:02:35,140
like I really have to figure out, okay, immediately how I'm I going to use this,

36
00:02:35,140 --> 00:02:40,300
but I think parallax scrolling is pretty cool and probably here to stay.

37
00:02:40,300 --> 00:02:47,260
One site that I did really enjoy was this jessandruss.us.   

38
00:02:47,260 --> 00:02:51,790
It was kind of circulating around the Twitters here a little while ago.

39
00:02:54,519 --> 00:02:58,170
Basically, it tells a story of these two people that are getting married

40
00:02:58,170 --> 00:03:02,250
and to get it uses parallax scrolling and as you scroll on the page,

41
00:03:02,250 --> 00:03:07,640
you kind of see how these two timelines eventually intertwined.

42
00:03:08,300 --> 00:03:13,290
So. >>That's really cool. >>Yeah. I thought it was pretty neat and it was a good way to tell a story.   

43
00:03:13,290 --> 00:03:15,960
So that might be one practical use. 

44
00:03:16,340 --> 00:03:17,540
[Question: What are the some of the most jaw-dropping websites that you have come across lately?]

45
00:03:17,540 --> 00:03:19,630
[Treehouse Teacher Q & A]