Web Design Forums

willpower935 · 27-02-2008, 16:49

Hey guys,

http://s.ytimg.com/yt/img/master-vfl33777.gif

When looked at the background image of youtube.com, I saw this^. Des anyone have any idea of how youtube utilizes this image in order to create their site?

Thanks

Shiro · 27-02-2008, 18:44

They are most likely using that as their background image for various things in the site. They put everything into one image, and then just position the background image so that it shows only the part of the image that they want people to see. By putting it all into one image, only one image has to be downloaded saving the browser from having to make multiple requests to the server for background images.

herkalees · 27-02-2008, 18:53

Yup, that ^

willpower935 · 27-02-2008, 19:37

whoa, that's genius. I wonder why not many other people do the same thing.

d3mcfadden · 27-02-2008, 19:48

The term is css sprites.

I would like to try that on a couple of my sites.... but don't have the patients. It is also amazing to thing about how many request to the server are being avoided on a site like youtube which has millions upon millions of page views a day.

pgo · 27-02-2008, 22:37

Quote:

Originally Posted by d3mcfadden

but don't have the patients

I was planning on becoming a doctor, but I didn't have the patients.

willpower935 · 28-02-2008, 18:31

I was planning on becoming a doctor, but I didn't have the patients.

ingenius^

pgo · 28-02-2008, 18:41

I didn't come up with that, but I don't remember where it's from.

Shiro · 28-02-2008, 21:17

Quote:

whoa, that's genius. I wonder why not many other people do the same thing.

Some of us (on this site) do!

.sleep · 28-02-2008, 22:24

i use them. not to that extent though. usually one image per object. i like the idea of having them all on there though. might be a pain to have to measure everything out. i just like position:top; position:bottom;

herkalees · 28-02-2008, 22:40

Quote:

Originally Posted by .sleep

i just like position:top; position:bottom;

Not to be a dick, but there's no such thing.

illvibe · 28-02-2008, 22:59

Quote:

Originally Posted by herkalees

Not to be a dick, but there's no such thing.

You know what he meant...

Shiro · 28-02-2008, 23:06

Quote:

Originally Posted by .sleep

i just like position:top; position:bottom;

Quote:

Originally Posted by herkalees

Not to be a dick, but there's no such thing.

I think my wife would disagree

illvibe · 28-02-2008, 23:17

Quote:

Originally Posted by haku

I think my wife would disagree

Standards-compliant sex.

herkalees · 29-02-2008, 06:08

Quote:

Originally Posted by illvibe

You know what he meant...

Potentially. Did he mean position:relative; top:0;/bottom:0;?
Or, position:absolute; top:0;/bottom:0;?

Huge difference.

funkyprem · 29-02-2008, 06:30

or background-position: top/bottom;

perfectly valid dude.

herkalees · 29-02-2008, 07:05

He was probably referring to that, then.

d*d · 29-02-2008, 07:35

Quote:

Originally Posted by herkalees

Potentially. Did he mean position:relative; top:0;/bottom:0;?
Or, position:absolute; top:0;/bottom:0;?

Huge difference.

Pedant

herkalees · 29-02-2008, 07:50

Quote:

Originally Posted by d*d

Pedant

Thanks.

27-02-2008, 16:49	#1 (permalink)
willpower935 Registered User Join Date: Nov 2007 Posts: 30	Youtube question Hey guys, http://s.ytimg.com/yt/img/master-vfl33777.gif When looked at the background image of youtube.com, I saw this^. Des anyone have any idea of how youtube utilizes this image in order to create their site? Thanks

27-02-2008, 18:53	#3 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,126	Yup, that ^ __________________ Writing on markup, CSS, and other web geekery Professional, accessible, and search engine friendly web site development by Boston Web Studio

29-02-2008, 06:30	#16 (permalink)
funkyprem For all your goober needs Join Date: Dec 2004 Location: Coventry, UK Posts: 1,528	or background-position: top/bottom; perfectly valid dude. __________________ Time is really the only capital that any human being has, and the one thing that he can’t afford to lose. - Thomas Edison prem ghinde

29-02-2008, 07:05	#17 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,126	He was probably referring to that, then. __________________ Writing on markup, CSS, and other web geekery Professional, accessible, and search engine friendly web site development by Boston Web Studio

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

27-02-2008, 18:44	#2 (permalink)
Shiro shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 2,537	They are most likely using that as their background image for various things in the site. They put everything into one image, and then just position the background image so that it shows only the part of the image that they want people to see. By putting it all into one image, only one image has to be downloaded saving the browser from having to make multiple requests to the server for background images.

27-02-2008, 19:37	#4 (permalink)
willpower935 Registered User Join Date: Nov 2007 Posts: 30	whoa, that's genius. I wonder why not many other people do the same thing.

27-02-2008, 19:48	#5 (permalink)
d3mcfadden Senior Member Join Date: Apr 2005 Location: - Posts: 694	The term is css sprites. I would like to try that on a couple of my sites.... but don't have the patients. It is also amazing to thing about how many request to the server are being avoided on a site like youtube which has millions upon millions of page views a day.

28-02-2008, 18:31	#7 (permalink)
willpower935 Registered User Join Date: Nov 2007 Posts: 30	I was planning on becoming a doctor, but I didn't have the patients. ingenius^

28-02-2008, 18:41	#8 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,358	I didn't come up with that, but I don't remember where it's from.

28-02-2008, 22:24	#10 (permalink)
.sleep Senior Member Join Date: Mar 2007 Location: california Posts: 281	i use them. not to that extent though. usually one image per object. i like the idea of having them all on there though. might be a pain to have to measure everything out. i just like position:top; position:bottom;

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)