A LIST Apart: For People Who Make Websites

No. 309

Discuss: Supersize that Background, Please!

Pages

 1 2 3 >  Last »

1 Side effects

While this is minor if someone really needs something like this i do wonder why the scrolling of the page gets slower? Have anyone noticed that? In the first example the scrolling of the page is really smooth. In the rest of the examples scrolling isn’t that smooth,

posted at 08:18 am on July 6, 2010 by tsiger

2

tsiger, What browser, OS, and computer were you using? Thanks!

posted at 09:08 am on July 6, 2010 by Jeffrey Zeldman

3 Image ratios NOT the same

“Note that 1024×768px has the same ratio as the background image (1280×760px).”

This is plainly false – 1024×768 is 4:3, 1280×760 is a little over 16:9

posted at 09:28 am on July 6, 2010 by MarcusTucker

4 RE: Image ratios NOT the same

Oops, that’s a typo, the examples use an image of 1280×960px (and not 1280×760px). We will fix it, thanks for catching this.

posted at 09:44 am on July 6, 2010 by Bobby van der Sluis

5 Re: Side Effects

Like tsiger, I noticed Firefox 3.6/Mac experiences heavy lag when scrolling or resizing the window in Example 5 of the article. It may simply be a Firefox thing (not the fastest browser anymore), but it really is a deal-breaker.

Fortunately, I’m not too terribly anxious to make use of background-size on any commercial projects before Firefox 4 is slated to be released. ;-)

posted at 09:56 am on July 6, 2010 by Jona

6 typo in CSS too?

Extra brace? Missing brace? In the @media rule.

posted at 09:59 am on July 6, 2010 by twhid

7 Ah what a tease

“it will be interesting to see how quickly people embrace Internet Explorer 9, so we can start using many of these new techniques on a large scale soon.”

This, for me, is the crux of the matter…despite all the advances, IE still holds us back. Some things never seem to change.

posted at 10:16 am on July 6, 2010 by Dan Wilkinson

8 Re: Side Effects

Hmm, I’m running the examples in Firefox 3.6.6 on Mac OSX/10.6.4 (on a relatively new MacBook Pro), however don’t notice any lags when scrolling or resizing.

posted at 10:18 am on July 6, 2010 by Bobby van der Sluis

9 RE: typo in CSS too?

Yes, it is missing in the snippet. Like John Cleese once said (in How to irritate people): Sorry sir, I’ll kick myself for that!

posted at 10:20 am on July 6, 2010 by Bobby van der Sluis

10 Re: Side effects

I am using Mac OS X 10.6.4 w/ Firefox 3.3.6
I am referring to scrolling with the scrolling wheel not by grabbing the scrollbar.

I tried to reproduce this behavior in a PC (WinXP/Firefox 3.5.10) but it works smoothly.

I also tried with 3 different mice to eliminate any hardware issues but i do get the lag with all of them.

posted at 10:34 am on July 6, 2010 by tsiger

Pages

 1 2 3 >  Last »

Got something to say?

Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.

Create a new account or sign in below if you’d like to leave a comment.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)